컴포넌트 작성 방식, 네이밍 규칙, 프로젝트 폴더와 파일 구조 등 필요한것들을 정하여 일관성 있게 개발합시다!

[중요] 줄임말은 쓰지 않는다. 줄임말은 어떠한 경우에도 사용하지 않습니다. res e(이벤트 객체) i 등 과 같은 모든 줄임말은 금지합니다.

• 1. 함수 export 방식 선언 후 export 👈VS 선언과 동시에 export

1. jsx를 반환한다면 확장자 이름을 .jsx를 사용합니다.

• 3. ASI를 이용하지 않고 세미콜론을 필수적으로 써줍니다. (prettier로 관리).
• 4. 리터럴 값은 상수로 만들어서 사용합니다. 상수는 스네이크 케이스를 사용합니다.

1. 모든 함수는 화살표 함수로 작성합니다.
2. var를 쓰지 않고, const와 let을 사용합니다.(단, const를 주로 쓰되 변수의 값 변경이 필요할 경우 let을 쓴다.)
3. image, svg는 카멜 사용하여 네이밍합니다.(ex. eraseCheck.svg).
4. 변수명은 camelCase로 작성합니다. (issueLabel).
5. .tsx 파일의 파일(폴더)명은 PascalCase를 사용합니다. ex) LoginPage.tsx.
6. webpack alias를 이용해서 파일 절대 경로로 import, export 사용합니다. src: @, test: #
7. export할때 barrel export 방식을 사용하지 않습니다.
8. 타입을 분리할 경우(여러 곳에서 타입이 생성될 경우(2군데 이상)) types 디렉토리에 관리한다.(추후 다시)
9. 최대한 코드에 대한 설명 주석은 적지 않습니다. 이름만 읽어도 무슨 일을 하는 함수인지 알 수 있어야합니다.
10. 만약 주석이 필요한 경우 // TODO: 해야 할 일 혹은 한 일을 날짜와 함께 적어줍니다.(2022.09.01). 신경써서 사용하기
11. 변수명이 길어도 좋으니 한눈에 봐도 알아볼 수 있는 최대한 명시적인 변수명을 정해줍니다. 단, 의미없거나 불필요한 접두사나 접미사가 붙는 것은 지양합니다.(ex) currentTodoListData (X) ⇒ todoList (O))