• css
  • styled-component
• 스타일드 컴포넌트 명
  • StButton
• yarn
• 화살표 함수 vs 일반 함수
  • 컴포넌트는 일반 함수
  • 내부 로직은 화살표 함
• 파일명
  • .을 이용한 구분
  • 컴포넌트면 대문자(파스칼케이스) 아닐 시 소문자(카멜케이스)
• 전역 변수 관리
  • zustand
• handler 함수 네이밍 (선택)
  • handleExample
• export 위치
  • export 위치는 코드 하단 (rfce)
• 주석 표시
  • // 혹은 /* 이후에 공백 1칸
• 스타일드 컴포넌트
  • 파일 하단에 작성

선택 사항

• 컴포넌트 파일을 폴더로 리팩토링 하기

.env 파일 환경 변수(어떤 url을 사용 했는지 적어주세요!!!)

ex) REACT_APP_YOUTUBE_API_KEY=AIzaSyDR3temhHYbfeE-ZK1FQ9OHJ9rUgTF-asw

사용한 패키지

• styled-reset
• react-router-dom
• styled-components