<aside> 💡 코드 스타일과 문서 작성 시 메세지 유형을 통일합니다.

</aside>

◾프론트엔드

npx create-react-app [project-name]
// 라이브러리 //
npm install
npm install redux // 리덕스-툴킷 사용 시 설치 X
npm install react-redux
npm install @reduxjs/toolkit
npm install react-router-dom
npm install sass
npm install react-icons
npm install axios

• var이 아니라 let 또는 const을 사용할 것을 권장한다.

• 컴포넌트명은 파스칼 케이스로 작성한다.

• 함수/변수명은 카멜 케이스로 작성한다.

• 함수/변수명 작성 시 두 개 이상의 의미있는 단어로 합성하여 작성한다.

• 함수 작성 시 화살표 함수 작성을 지향한다.

• Prettier 기준으로 코드 스타일을 작성한다.

  

• 컴포넌트 선언 시 함수형으로 선언한다.

• 공용 컴포넌트를 사용할 수 있으면 우선 시 하여 사용한다,

• 리덕스 스토어 사용 시, 리듀서별로 분할하여 파일을 생성하고 사용한다.

• 라우터는 유데미 리액트 강의 기준으로 작성한다.

• CSS는 작성 시 .module.scss 로 작성한다.

• 화면 전체를 차지하는 하위 컴포넌트 요소는 Portal을 이용하여 body 밑에 작성한다.

• 주석 잘 달기

• 비동기 통신 시, axios 사용

• 외에는 네이버 코딩 컨벤션 스타일을 따른다.