스터디 소개

2024년 1월 2일부터 시작한 모던 모던 리액트 Deep Dive책 기반 스터디입니다. 온라인으로 총 9명이 참여하였으며, 매주 화요일 저녁에 진행되었습니다.

(참고) 예제코드

스터디 진행 방식

• 참여자는 각 주차별로 할당된 챕터의 내용을 정리하고 발표했습니다.
• 발표 후에는 발표 내용을 바탕으로 자유로운 토론을 진행했습니다.
• 발표자는 발표 내용을 GitHub 저장소에 정리하고 공유했습니다.
• 주요 커뮤니케이션은 Discord를 통해 이루어졌습니다.

주요 기여

4장 서버사이드 렌더링 리딩 및 코드 작성

스터디 진행 도중 4장 서버사이드 렌더링 부분을 직접 리딩했습니다. 기존 스터디 방식에서 발견된 비효율적인 진행 방식과 참여도 저하 문제를 해결하고자 새로운 방식으로 스터디를 리드했습니다.

변경된 스터디 방식

• 발표 시간을 줄이고 토론 중심으로 진행.
• GitHub 저장소의 Discussion 페이지를 활용하여 미리 논의할 주제를 공유.
• 미리 질문 템플릿을 작성하여 스터디원들이 의견을 준비할 수 있도록 유도.

next js 프로젝트 템플릿 제공

서버사이드 렌더링과 관련된 Next.js 기능(SSR, SSG, ISR, On-Demand Revalidation)을 적용한 예제 코드를 작성하여 스터디원들이 쉽게 이해할 수 있도록 도왔습니다. 작성된 예제 코드는 hyjoong/nextjs-tutorial 저장소에서 확인할 수 있습니다.

회고글

• 스터디 리딩 경험에 대한 개인적인 회고는 블로그에 작성했습니다. 블로그 글은 아래 링크에서 확인할 수 있습니다. 모던 리액트 Deep Dive 4장 리딩 회고

주차별 학습 로드맵

완료	챕터	주제	날짜
✅	1	리액트 개발을 위해 꼭 알아야 할 자바스크립트	2024/01/02
✅	2	리액트 핵심 요소 깊게 살펴보기	2024/01/09
✅	3	리액트 훅 깊게 살펴보기	2024/01/16
✅	4	서버 사이드 렌더링	2024/01/23
✅	11	Next.js 13과 리액트 18	2024/01/30
✅	5	리액트와 상태 관리 라이브러리	2024/02/06
✅	6	리액트 개발 도구로 디버깅하기	2024/02/13
✅	7	크롬 개발자 도구를 활용한 애플리케이션 분석	2024/02/13
✅	10	리액트 17과 18의 변경 사항 살펴보기	2024/02/20
✅	12	모든 웹 개발자가 관심을 가져야 할 핵심 웹 지표	2024/02/27
✅	13	웹페이지의 성능을 측정하는 다양한 방법	2024/03/05
	14	웹사이트 보안을 위한 리액트와 웹페이지 보안 이슈	2024/03/12

💪 Participants

functionBee	wogus216	PositiveConfident	hyjoong
suneunkim	skiende74	JungHun98	hyeok999
MinJeung-Kim