0515TIL

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