React 주특기 주차 4Lv 프로젝트
주제 : 과자 추천하는 사이트!
구현하고자 했던 기능 : CRUD 구현
메인페이지
1. Link태그를 이용해 페이지 이동
2. IMG hover이벤트 클릭시 Snack Recos페이지로 이동
리스트페이지
1. css grid를 이용한 item 정렬
2. axios, 리액트 쿼리로 db.json 데이터 조회
3. Go Recos! 버튼을 추가해 추가 페이지로 이동
상세페이지
1. id가 일치하는 데이터를 찾는 커스텀 훅 사용
2. 수정하기로 넘어갈때 useNavigate 두번째 인자를 이용해 state값으로 커스텀 훅으로 일치하는 데이터를 넘겨줌
게시글 작성 페이지
1. 게시글 신규 작성/수정 을 하나의 삼항연사자를 이용해 컴포넌트로 사용
트러블 슈팅
React를 배우면서 랜더링이 중요하다는 말일 너무 많이들어 중요하구나 라고 생각은 하고 있었지만
랜더링이 너무 많이돼서 오류가 뜰 줄은 몰랐다..
그래서 useCallback을 사용해서 막아 주니 다시 괜찮아 졌다