프론트엔드 개발자의 기록 공간

✅ API 폴더 구조 첫 번째로 계획한 API 모듈 분리화를 위해 실제 서비스에서는 어떤 식으로 코드를 작성하는지 멘토님께 여쭤보았다. apis폴더 > api폴더 (api를 요청하고 응답만 받는 용도) > user.js (user관련 api 요청 함수들) > services (응답결과를 데이터를 정제 해주는 함수들) > post.js (post응답 값을 정제해줌 ) > utils (공통적인 함수) > config or constants (baseurl과 같은 설정) > store (ducks를 사용한다면 api 보관 용도) 멘토님은 위와 같은 형식으로 사용한다고 알려주셨다. 위의 방법을 토대로 간략하게 프로젝트에 적용해 봤다. ✅ utils 폴더 - axios 인스턴스 생성 이후, 공통적으로 사용하는 b..

📆 프로젝트 기간 2021.10.15 ~ 2021.11.3 프로그래머스 프론트엔드 데브 코스에서 진행 한 2주간의 프로젝트가 끝이 났다. 약 2주간의 기간 동안 기획부터 개발까지 이루어졌다. (백엔드 API 기능은 제공) 우리 팀의 목표는 제공된 필수 기능을 모두 구현하는 것을 목표로 두었다. 기능 중심적 개발을 도입하기 위해 Top-Down 방식으로 개발을 진행하였다. 프로젝트 기간이 끝난 뒤, 다시 프로젝트를 들여다보니, 기능 구현에 급급하여, 컴포넌트 관리 및 최적화 작업이 하나도 이루어지지 않았다. 한 컴포넌트에서 api 요청과 개발 로직을 다 때려 박안 대참사 코드가 되어있었다. 지금까지 리액트를 사용하면서 어느 정도 기능 구현에는 자신이 있었지만, 컴포넌트 분리에 신경 쓰거나, 최적화를 생각해..