1. 강의

1. 공지

• 린터, 프리티어 끄지 말기!
• 멘토님이 올려주신 코드 보면서 뜯어보고 써보기

2. 코드리뷰

• 포폴용으로 바꾸려면 read.me를 제일 먼저 바꿔야 한다. read.me가 제일 중요!
• 라우터 폴더 소문자로!
• 모듈 파일명은 앞에 소문자를 추천!
• component폴더에 common폴더에 들어있는 건 모든 곳에서 공통으로 쓰는 것을 넣어둔다.
• axios를 hook에 직접 쓰는 건 추천하지 않음. lib/service에 넣어서 쓰기.
• 함수 => 화살표 함수를 쓰는걸로~ 하지만 취향차이이므로 뭘 써도 무방함.
• array는 무조건 초기값을 빈배열로 선언해준다.
• props값들은 소문자로 쓰기
• route에 root 외엔 '/' 지우기
• type에 any는 쓰지말기

3. 본강의

• 프론트엔드 코드는 당장 털려도 아무 일 없도록 짜야한다.
• .env파일에 appid를 넣어놓고 appid: process.env....이런식으로 불러와서 쓸 수 있다.
• ul태그 아래에는 꼭 다른 태그 말고 li태그가 오도록 쓰기
• mount될 때 setInterval을 쓰면 unmount될 때 clearInterval쓰기. (interval은 보통 함수 밖에 쓴다.)
• recoil은 useState와 비슷하지만, recoil은 키값만 같으면 모든 컴포넌트에서 쓸 수 있다. 그리고 reset이 있다는 게 특징. atom까지만 쓰는 걸 권장! (useState쓰는 느낌으로 가볍게만!)
  -tsconfig.json파일에 "include": ["src"]를 넣어주면 컴포넌트에 절대경로를 사용할 수 있다.

4. 공부할 것

• react Suspense
• axios 인터셉터.
• typescript 타입추론
• isFetching / isLoading useQuery
• useSearchParams
• children이 아니라 Outlet
• react route useNavigator