HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
📚
3기 스터디 가이드
/
🌕
React 공식 문서 스터디
🌕

React 공식 문서 스터디

현재 상태
진행중
스터디 주제
React Beta 공식 문서를 바탕으로 발표 및 토론을 진행하여 지식 공유
스터디 목표
최신 React 이해를 바탕으로 좀 더 나은 코드 작성 및 면접에서 깊은 답변 준비
스터디 기간
May 1, 2023
스터디 횟수
주 2회 (월, 목)
GitHub Link
스터디원
Describing the UI – React
The library for web and native user interfaces
Describing the UI – React
https://react.dev/learn/describing-the-ui
Describing the UI – React

탈출 방법

취업(취업해도 계속 참여 가능합니다 ㅎㅎㅎ)
 

목표

  • React Beta 공식 문서의 Learn React 부문과 Reference 부문 정복하기
  • 스터디가 잘 진행되면 Next 공식 문서로 넘어가도 좋을 것 같네요!
 

시간

매주 월요일, 목요일 오전 10시, 최대 1시간 진행
  • 예외: 5/4일 목요일은 오후 9시
 

학습 방법

  • 사다리타기로 당일 발표 주제 각자 선정
    • 준비한 자료나 정리한 자료가 있으면 그걸 보고 발표하면 되고, 아니면 그냥 문서 보면서 발표
    • 발표는 포문을 여는 정도고, 이후 궁금한 것이나 공유하고 싶은 인사이트, 참고 자료가 있으면 공유하는 식으로 토론
 

학습량

  • Learn React - 총 34개 챕터
하루 2개 챕터(추후 유동적으로 변경)
월 - 목, 금, 토, 일 총 8개
목 - 월, 화, 수 총 6개
 
  • Reference - 추후 결정
 

벌칙

  • 지각(1분 지나면 지각 ex. 10:01), 무단 결석
참석한 사람들로 사다리를 타서 당첨된 1명에게 스타벅스 아메리카노 카카오톡 기프티콘 쏘기
 
  • 각 챕터마다 한 줄 요약 혹은 새롭게 알게 된 점 한 개 정도 정리해서 슬랙에 스터디 전에 올리기
    • 챕터마다 있는 Recap처럼
    • 혹은 읽었다는 티만 내면 됨
못 하면 스타벅스 아메리카노 카카오톡 기프티콘
 

세부 일정

  • 5/1일 월요일 오전 10시 - Describing UI ~ Rendering List까지 총 8개 읽어오기
  • 5/4일 목요일 오후 9시 - Keeping Components Pure ~ State as a Snapshot(Adding Interactivity 발표는 생략)
  • 5/8일 월요일 오전 10시 - Queueing a Series of State Updates ~ Reacting to Input with State
  • 5/11일 목요일 오전 10시 - Choosing the State Structure ~ Extracting State Logic into a Reducer

기록

2023-05-01(월)
React.createElement → 결국엔 하나의 객체
const로 컴포넌트 선언하는 것과 function으로 선언하는 것의 차이
handle prefix를 꼭 해줘야 하는가
pr merge 시키려면…
 
 
2023-05-08(월)
typescript를 사용할 때 useState의 state가 object이면 as const를 해주면 더 좋지 않을까? 하지만 as const를 사용하는 예시를 보진 못했다.