● Custom Component 개발자가 스스로 커스텀한 훅을 의미하며 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있습니다. 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한 함수에서 작동하게 하고 싶을 때 커스텀 훅을 주로 사용합니다. 이를 이용하면 상태관리 로직의 재활용이 가능하고 클래스 컴포넌트보다 적은 양의 코드로 동일한 로직을 구현할 수 있으며 함수형으로 작성하기 때문에 보다 명료하다는 장점이 있습니다. (e.g. useSomething) Custom Hook을 정의할 때는 함수 이름 앞에 use를 붙이는 것이 규칙입니다. 대개의 경우 프로젝트 내의 hooks 디렉토리에 Custom Hook을 위치시킵니다. 오늘은 노마드 코더의 커스텀 ..
CodeStates BootCamp/Section 4
● 솔로프로젝트 그동안 기능은 모두 구현하였으나, 이후 디버깅과 코드 최적화과정 + git 관련 공부를 진행하였습니다. 중복되는 코드들을 최대한 제거하려고 하였으며, 확실히 중복 제거 이후에 코드가 짧아지는걸 경험할 수 있었습니다.. GitHub - ddaeunbb/fe-sprint-coz-shopping Contribute to ddaeunbb/fe-sprint-coz-shopping development by creating an account on GitHub. github.com ❍ 코드 수정사항 무한스크롤 로직과 네브바 중복 코드가 있어서, 사실 코드를 모두 짜놓고 나서도 '아..언제 중복제거하지..' 생각만 하고 있었는데 17일~18일 동안 중복코드를 제거하면서 확실히 코드 최적화가 되는 과..
● 솔로프로젝트 아직 솔로프로젝트 기간이 마무리되진 않았지만, 웬만한 기능은 모두 구현을 해놓아서 포스팅을 합니다! ❍ 메인 페이지 axios 요청을 통해서 main 페이지에 들어오면 useEffect를 통해 데이터를 가져왔습니다. 이후 redux의 store에 저장합니다. 북마크 별표를 누르면 북마크리스트에 추가가되고, 북마크 별표를 지우면 북마크리스트에서 제거됩니다. 북마크 추가 및 제거를 할 때마다, 알림 토스트가 뜨게 됩니다. 각 객체마다 버튼을 누르면 bookmark속성이 추가되게 했습니다. 다시 버튼을 누르면 bookmark를 false한 값으로 수정했습니다. 리스트는 axios 요청으로 받아온 데이터 중 4개만 진열되게 했습니다. ❍ 상품리스트 페이지 햄버거버튼을 눌러 각 페이지마다 이동할..
