ReactStudy

KEEPER 2023년 1학기 React 스터디로,
새로운 리액트 공식 문서 react.dev를 활용하여 공부하는 스터디입니다.

주차별 진행상황

1️⃣ ~Installation (소현 - 3/24 대면) #7
2️⃣ ~JavaScript in JSX with Curly Braces (서윤 - 3/31 비대면) #19
3️⃣ ~Keeping Components Pure (해중 - 4/7 -> 4/28 대면) #23
4️⃣ ~Render and Commit (도균 - 4/28 대면) #26
5️⃣ ~Queueing a Series of State Updates (은지 - 5/4 비대면) #36, #37
6️⃣ ~Updating Arrays in State (예준 - 5/11 비대면)

참여방법

• 최상위에 본인의 폴더를 만든다.

• 공식 문서를 공부하며 주차별 또는 챕터별로 폴더와 이슈를 생성한다. (나누는 기준 주차별, 챕터별 아닌 다른 기준으로 자유롭게 하셔도 됩니다.)

  • 프로젝트에서 이슈를 어떻게 생성하나요?

• 공부한 내용을 이슈에 정리한다.

• 실습 코드가 있을 경우 실습한 코드를 올린다.

  • 실습은 어떻게 진행하나요?

• 커밋 메시지는 아래 양식을 권장합니다.

  (필수는 아니지만 추후 게임 프로젝트 할 때 이 양식으로 할거라 익숙해지기 위해 연습해보면 좋을 것 같습니다.)

  Type : Title
  
  - commit 내용1
  - commit 내용2
  ...
  
  #관련된issue번호
  

  예시)

  build : react-dom 설치
  
  - 브라우저 DOM 노드 안에 React 컴포넌트를 표시하는 루트를 생성하는데 사용되는 createRoot 사용을 위한 react-dom 패키지 설치
  
  #2
  

  커밋 타입

  • docs
    • 문서 작성 및 수정
    • ex) README.md 관련
  • feat
    • 기능 추가
  • design
    • CSS 등 사용자 UI 디자인 변경
  • fix
    • 버그 수정
  • style
    • 스타일 관련 기능
    • ex) 코드 포맷팅, 세미콜론 누락, 코드 자체의 변경이 없는 경우
    • ex) 오타 수정, 탭 사이즈 변경, 변수명 변경 등
  • refactor
    • 코드 리팩토링
    • 불필요한 주석 제거
  • test
    • 테스트 코드 작성
    • 테스트 코드 리팩토링
  • build
    • 빌드 관련 파일 수정
    • ex) 패키지 설치로 인한 package.json, package-lock.json 변경 사항
  • chore
    • eslint 설정, prettier 설정, 패키지 매니저 수정
    • ex) .gitignore, .env 파일 변경 등

참여자

publdaze

jasper200207

KimHaejoong1

pipisebastian

sososo0

wns1826