axios.get등으로 간단하게 쓰기
require 절대 쓰지말기 (import로 쓰기)
HTML sementic 하게 써야함 꼭 꼭 꼭 엄청 중요함
onError (이미지에 사용가능)
모달 배경에 backdrop fliter 사용하기
webpack autoprefix
text-align center는 쓸 일 없을것
코드리뷰
내가 생각한것
- 쿼리 스트링 구현하기(검색어에 따라서) url 변경되도록
- layout 구조로 짜보기
- responsive.after(SD)
- finally 써보기 (try catch finally)
- useMount 사용해보기
- early return 패턴
- useState 타입추론 사용하기 (기본값 false의경우 안써도됨)
멘토님 피드백
- warning 다 지워라
- env 절대 올리지 말기
- border-radius 퍼센트 주지 말기
- hover 시 회색(아예 밝거나 아예 진한거 아니면 쓰면 안됨)
- 이미지 onError 처리하기
- line clamp 확인
- 기본 alert 제거하기
- footer translate Y 절대 안됨 fixed또는 absolute 쓰기
- Search
- position sticky 웬만하면 쓰지말기
코드 관련 리뷰
- recoil 데이터에 또 다시 타입 적용하지 말기
- NavLink 이용하기 (state 사용하지 말고) current [x]
- map을 돌릴거면 ul확인해보기
- join() 좀 쓰자
- namespace는 괜찮은지 아닌지 모르겠음~
- 굳이 상수화 안해도 되는거 하지 말기
- api ⇒ service 디렉토리로 옮기기
- api의 <>타입 넣어주기
- map의 item을 i 라고 쓰지말기
- search의 api 호출부분 이렇게 수정하도록
- return이 없으면 forEach를 쓰면됨 (map 대신)
- push 를 할거면 reduce를 쓰기
- alert 지우기
- 로딩 야매로 짠거 지우기 setTimeOut
- store js로 localStorage 변경하기
- window.confirm 쓰지말것 그냥
- 검색결과는 놔두고 검색결과가 랜더될때 북마크 된걸 확인하도록 변경
- onclick때문에 role=’section’ 쓰지말것
- 절대 경로로 전부 바꿀것
- search부분 length 변경할것
- 인피니티 스크롤 마지막 일 경우 얇은 div로 추적되도록
과제 관련
이용하면 앞글자 진하게 보여줄수 있음
강의 내용
redux toolkit을 쓰는거 추천
useQuery