[69~71일차 회고] Hook, Custom Hook, 코드 분할

김준표·2023년 5월 23일
0

코드스테이츠 회고

목록 보기
46/49
post-thumbnail

1. Hook, Custom Hook, 코드 분할

새로 배운 것(새로 배운 내용의 키워드를 간단히 설명)

  1. Hook의 정의: React에서 정의한 함수형 컴포넌트에서만 사용할 수 있는 메서드
  2. React.lazy: dynamic import를 구현한 메서드
  3. React.Suspense: lazy로 받아온 컴포넌트들이 렌더링 되기 이전에 특정 화면을 로딩화면으로써 동작시키는 기능

이미 알고 있던 것(간단히 키워드로만 나열)

  • 코드 분할
  • useMemo
  • useCallback
  • Custom Hook

2. 추가 학습(주간 정리) 및 활동

Project

  1. Infinity Scroll 기능 구현
  2. Tag 기능 구현
  3. Tag에 맞춰 데이터 출력 기능 구현

Study

  1. 프로그래머스 1레벨 명예의 전당(1), 소수 만들기, 소수 찾기, 과일 장수, 실패율, 카드 뭉치, [1차] 다트 게임, 덧칠하기, 기사단원의 무기
  2. Deepdive 배열 80% 정리

2. 회고

이제 일일 회고는 포기하기로 했다. 매일 블로깅을 신경쓰는거부터가 나에게 너무 스트레스로 다가와서 차라리 3~5일을 묶어서 단위별로 회고를 작성하도록 할 예정이다.

이번에 처음으로 인피니티 스크롤을 구현해봤다. 솔직히 내가 했다기보다는 이번에도 GPT가 한 느낌이다.
매주 텀을 두고 내가 만들었던 UI 기능들을 다시 구현하는 시간을 반드시 가져서 Modal, Infinity Scroll 등을 구현해보는 시간을 가져서 익숙해져야겠다.

스터디 공부를 너무 못했다. 솔직히 핑계를 좀 대자면 비밀 Project를 너무 열심히 만든 탓에 공부를 못했다. 물론 핑계다. 시간 내서 하려면 할 수 있지만 내가 게을렀기 때문에 못 한 거다..ㅠㅠ

앞으로 DeepDive 내용을 정리한 문서들을 조금씩 손봐서 천천히 포스팅할 예정이다.
또한, 이제 프로그래머스 Level 2에 입성했기 때문에, Level 1 때 어려웠던 문제들이나, Level 2의 문제들은 포스팅을 함께 할 예정이다.


4. 정리 자료

69~70일차 정리 자료-Hook, CustomHook, 코드 분할


5. Next Day to-do list

✅ DeepDive 27장 중간 이상까지는 정리
✅ 프로그래머스 1레벨 명예의 전당(1), 소수 만들기, 소수 찾기 풀이

Next Day to-do

  • DeepDive 27장 모두 정리
  • 프로그래머스 1레벨 마지막 문제 풀이
  • DeepDive 정리 내용 블로깅 (4, 5장)
profile
프론트엔드 개발자 | 문제가 있는 내용이 있다면 댓글로 알려주세요.

0개의 댓글