본문 바로가기

WIL (Week I Learned)20

실전프로젝트 5주차 회고 week12 이제 기능개발을 거의 끝나서 추가 작업이나 기존 코드를 가독성 좋게 리팩토링을 신경써야될 단계인거 같다. 어떤 방식으로 리팩토링을 해야될지 조금 막막한거 같다... 리팩토링에 대해 좀 찾아보고, 좋은 방식이란게 있는지, 왜 그렇게 썼는지 그런것들을 생각 하면서 코드를 짜는 연습을 많이 해야될꺼 같다. 이번주에는 리팩토링에 대해서 찾아보고 정리하는 주간으로 정하자~!! - 실전 프로젝트를 진행하며 기술적으로 막혔던 부분이 있다면 무엇인가요? 해결했다면 어떻게 해결했는지 과정을 작성해주세요 알림 기능에 막혔던 부분을 적어보자~ 예약된 날 표시 트러블 슈팅 - 예약이 있는날을 db에서 가져와 패키지에서 자체적으로 유무를 판별 한다. - 유무를 반펼하는곳에서 available의 값을 true로 바꿔.. 2022. 5. 29.
실전프로젝트 3주차 회고 3주차가 끝나가고 있다. 실전 프로젝트를 하면서 여러가지 생각이 들고, 신경쓰이는 일들이 너무 많이 생기는거 같다. 다른 조들과 비교해서 너무 진도가 느리고, 완성도도 많이 떨어지는거 같아서,, 걱정이 앞써는거 같다. 그리고 기술적인면에서 봤을때도 많이 부족하게 많다고 느껴진다. 핵심기능인 webRTC 말고는 딱히 더 어필할수 있는 기능이 없는거 같다. 하지만 너무 부정적으로 보지 않으려고 노력을 하는중이다!! 여러가지를 보여줄게 아니면 좀더 완성도 있게 만들어 보여주면 되지 않을까? 생각이든다. 그리고 한가지 불만이 있다면 서로 작업의 진행이 교류가 안되다는 점이다. 언제까지 맡은기능을 끝낼지 어떤작업을 진행중인지, 끝나고 나서 어떤 기능을 하는지 등 이런 교류가 너무 잘 안된다는것이다. 앞으로 남은 .. 2022. 5. 15.
실전프로젝트 2주차 트러블 슈팅 실전 프로젝트를 진행하며 기술적으로 막혔던 부분은 무엇인가요? 해결했다면 어떻게 해결했는지 과정을 작성해주세요! 현재 예약 기능에서 문제가 발생했다. 캘린더의 값은 useState로 리듀서와 연결이 되어 있는 상황이다. 그리고 예약할시에 DB에서 예약 리스트를 불러와서 리듀서에 데이터를 넣어준다. 하지만, 캘린더에서 예약리스트를 인식을 하지 못하는 상황이 발생하게 되었다. 그래서 나는 코드를 수정하다가 발견한게 있는데, 캘린더 컴포넌트가 리랜더링이 일어날때 예약리스트를 인식하게되는 것이었다. (새로고침을 할때나, 캘린더 내의 다른 날짜를 클릭할때는 예약 리스트를 인식 하지 못함.) 해결 방안 useEffect에서 axios로 바로 값을 받아와 캘린더에 적용하는것이다. 이전에는 useEffec.. 2022. 5. 8.
실전프로젝트 1주차 6주 간의 실전 프로젝트를 하며, 기획부터 시작해 어떤 기능을 구현 할지, 디자인과 여러가지로 바쁜 한주였다. 백엔드팀과 디자이너분들 그리고 우리 프론트엔드팀 이렇게 모여서 진행을 하는데 참 많은 고비를 넘는 느낌이다. 특히 기획,,, 기획 단계에서 여러번 고치고 수정하며, 많은 시행착오를 겪고 있다. 다른 팀들과 비교하면서 조바심이 많아지는거 같다. 디자이너분들이 초반에 두분다 나가시며,, 와이어프레임에 대한 진행이 계속 늦어지고,,, 기획도 제대로 나오지 않아,,, 답답한 마음만 커지고 있는거 같다. 그리고 다른분들은 긍정적으로 생각하며, 진행을 하고 있는데.. 너무 긍정적으로만 생각하고 있다는 느낌도 들었다. 실전 프로젝트라고 하지만, 너무 현실감 없이 진행하고 있다는 느낌이 들었다. 내가 너무 조.. 2022. 5. 2.
(회고) 미니프로젝트를 하고 나서 미니 프로젝트를 하면서 처음으로 백엔드로 같이 협업을 했다. 처음에는 어떻게 진행해야될지 몰라서 여러가지를 찾아보고 조언도 구해가며 임했다. 협업을 시작할땐 API 설계를 잘 짜고 시작해야된다. 그 이유는 기능 구현을 할때 백엔드와 프로트엔드간의 약속이다. 하지만.. API가 어색했던 우리조는 나름 짠다고 짰는데,, 기능구현할때 다들 api가 맞지 않아... 수정을 많이 하게 되었다... 그리고 같이 하던 조원 한명 갑자기 나가게 되어.. 맞고 있던 기능을 남아있던 나와 다른 조원이 맞게 되었다.. 처음에는 멘붕이였지만.. 밤샘 작업을 통해 거의 마무리를 지어놨는데... 백엔드쪽 분들이 기능 구현을 하는게 예상 보다 너무 늦어지는것이였다.. 다른 기능부터 테스트를 해보려고 하는데... 백엔드분들은 서로의.. 2022. 4. 17.
Axios란? Axios Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트 입니다. 쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용합니다 axios 특징 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용 Promise(ES6) API 사용 요청과 응답 데이터의 변형 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경 Axios 사용법 Axios 다운로드 HTTP Methods Axios 사용해보기 GET POST PUT DELETE async await에 관해 살펴보기 Promise로 Axios사용해보기 Axios 환경 구성 Axios다운로드 자신이 사용하는 패키지 매니저로 프로젝트에.. 2022. 4. 10.