리액트 딥 다이브 책 스터디 회고하기

모던 리액트 Deep Dive 책 읽기 스터디 회고

스터디만 12주, 중간에 연휴나 여러 사정들로 인해서 2주정도 일정이 미뤄지기도 했지만 길고 긴 스터디가 그래도 끝났다. 스터디 하는 동안 좋은 분들에게 많은 걸 배울 수도 있었고 책을 통해 또 성장하기도 했다.

우선 시작하기 전에

회고 하는 방법들??

1. AAR

• After Action Review/Report의 약자이다
• 초기 목표 -> 일어난 일 -> 계획과 실제 결과의 차이 -> 지속할 것, 개선점, 배운 것들에 대한 정리 로 구성된 방법

2. KPT

• Keep Problem Try의 약자
• 지속되어야 할 점, 잘되지 않았던 문제점들, 다음번에 시도할 일들로 기록하고 회고하는 방법

3. YWT

• 일본어임 ㅋㅋ
• 한 일, 배운 것들, 앞으로 할 일로 구성되어 있는 회고 방법

그냥 별건 아닌데 프로젝트 회고도 몇 번 해보고 그러면서 회고하기에도 여러 방법이 있나하고 찾아봤는데 역시나 있다.ㅋㅋ

그치만 내 맘대로 회고할꺼임

스터디를 시작하기 전에

아무래도 포트폴리오에 한 줄이라도 더 적을수 있는 결과물이 있으면 어떨까? 생각하고 여러 시도를 해봤다.

• Nextra + Vercel로 스터디 공부한 결과물을 가지도록 의도했는데 끝나고 나서 보니 나름 만족스러운 결과물이 있어서 좋다. 스터디 문서

스터디를 시작한 이유

우선 디자인 패턴, 디자인 시스템, 함수형 코딩을 공부하면서 좋은 설계와 좋은 코드를 짜는 방법에 더 관심이 생겼었다. 그리고 이것들을 실현하려면 기본기에 충실해야 된다고 생각했고 리액트의 동작 원리나 내가 알지 못하는 기술에 대해 좀 깊이 공부해봐야겠다고 생각했음!

• 마침 '모던 리액트 Deep Dive' 라는 책이 나왔고 예전에 함께 스터디하셨던 분이 책이 괜찮다고 하셔서 망설임없이 구매하고 바로 스터디를 모집함.

배운 점

사실은 책을 읽으면서 좀 실망했던 부분들이 많았는데 막상 정말 많은 것들을 배웠다.

• reconciliation
• Virtual Dom
• JS 딥 다이브 책 다시 보면서 복습
• useCallback 기명함수 활용하기
• useMemo, useCallback, memo
• useContext
• lazy initialization
• 상태 관리 라이브러리, 데이터 페칭 라이브러리가 어떻게 발전했고 이 기술이 왜 필요하게 되었는지
• cache 활용
• NEXT.js, SSR, CSR 등 서버 컴포넌트,use server 등
• 공식문서 읽기

아쉬운 점

• 이 책은 리액트 딥 다이브보다는 프론트엔드 다이브 + React, Next, TS가 아닐까..?
• 12주동안 3번 정도 빠졌던거 같은데 더 열심히 할 수 있었음에도 불구하고 열심히 못했던거 같아서 이 부분이 젤 아쉽다.
• 스터디를 진행하면서 어떻게 하면 더 좋은 스터디를 할 수 있을까? 에 대한 고민을 하는데 이번 스터디는 특히 많은 고민을 했던 스터디였던거같습니다.
• 개발자도구 탭, 테스팅 라이브러리, prettier, eslint 설정 부분은 자세히 읽지 않았습니다.
  관심도 많이 없었고 당장 나한테 중요한 부분이 아니라는 생각이 들어서 그랬던거 같은데 어차피 읽는거 한 두시간만 더 투자하면 되는거 열심히 읽을껄이라는 생각이 들었다. 관심없는 부분도 열심히 읽는 습관을 길러야 겠다.

소감

• 책 읽기 스터디를 하면 혼자서 항상 하는 말이 있는데 어쨌든 책 한권 다 읽은것도 성장이다.
• 결국은 리액트랑 친해졌다는게 중요한거 아닐까

사실은 이 책을 읽기 전에 어떤걸 공부해야지, 이 책에서 이런걸 배우고 싶다고 혼자 생각했던 점이 있는데 내가 생각했던 책이랑은 좀 다른 느낌이어서 실망스러운 점도 있었다.
근데 생각해보니 배운 점도 많았고 리액트랑 친해졌다는 느낌도 들었고 근거없는 자신감도 생겼기 때문에 스터디 하기를 잘했다고 생각했다.