- 프론트엔드 기술을 계속 찾아다녀야 할까?
- 맹목적으로 새로운 기술을 시도하거나 도입하려면 어렵다. 많은 사람들의 검증 없이, 그리고 도입해야하는 명확한 이유 없이 "이거 좋다더라, 해보자" 이런 느낌은 최대한 지양해야 한다.
- 새로운 내용을 접하기 위한 좋은 아티클
- 링크드인
- X
- 커리어리
- 유튜브
- 코드너리
- GeekNews Weekly
- ilbuntok
- Fe news
- fetching 최적화 방법
- fetching 결과를 캐싱해서 특정 시간안에 다시 요청
- fetching이 실패했을 때의 에러 핸들링
- 화면에 focus 했을 때 api call을 다시 하는 방법
- Auth 기능 만들기
- 쿠키 (제일 좋은 방법)
- 인메모리 저장 (전역 상태관리)
- 세션 스토리지
- State 잘 관리하는 팁
- 2depth 이상 전달되어야 하는 건 context를 쓰거나 전역으로 관리 주체를 넘기는 방법
- state로 추론될 수 있는 state를 굳이 state로 또 만들지 않는 것
- 에러 디버깅 할 때
제일 베스트 에러 디버깅 플로우는 다음과 같습니다.
최선
- 어? 왜 카운팅이 무한정 늘어나지?
- 어디가 문제일까 → useEffect가 원인이라는 걸 이해했다면 베스트
- setState를 했으니까 → re-rendering이 발생해서 useEffect가 다시 실행되는 구나
차선
- 어? 왜 카운팅이 무한정 늘어나지?
- 어디가 문제일까 → 모르겠다.
- setInterval is not working in react
→ 구글링
- useInterval로 해결했다더라
- 왜 이건 되지?
- 아 useRef 를 사용했구나,
- useRef는 뭐가 다른거지?
- 아 값이 변경되어도 re-rendering이 되지 않는구나
차악
- 어? 왜 카운팅이 무한정 늘어나지?
- 어디가 문제일까 → 모르겠다.
- setInterval is not working in react
→ 구글링
- useInterval로 해결했다더라
- useInterval 써야겠다.
최악
-
어? 왜 카운팅이 무한정 늘어나지?
-
어디가 문제일까 → 모르겠다.
-
물어봐야겠다.
-
간결하고 좋은 코드를 짜기 위한 방법
-
가독성 있는 코드 (관심사의 분리)
-
남의 코드를 많이 보기