내 코드 컨벤션

🚨 Code Convention

코드 컨벤션은 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약이라고 한다.

---

1. 한 파일 당 최대 300줄이 넘지 않게 작성한다.
2. 이미지는 img 태그가 아니라 div 태그의 background-image로 나타낸다. (안 깨지게!)
   대체 어디서 쭈워들은거야... img 태그가 검색 시 노출니아 웹페이지 성능 상에서 더 우월하다. img 태그를 사용하자!
3. import는 순서를 지키며 순서 마다 개행한다.
   1. 패키지, 라이브러리
   2. layout, api, utils
   3. container, components, 내부 폴더의 컴포넌트
   4. 나머지 (ex. 이미지, store, styled, types)
4. 약칭을 사용하지 않는다. ( 예. idx(x) index(o) )
5. 이벤트 함수 이름은 handle로 시작한다.
6. 클래스나 함수 내부 변수 이름을 설정할 때, 클래스나 함수의 이름을 최대한 포함하지 않는다.
7. 함수는 화살표 함수로 정의한다.
8. 동등 연산자로는 == 가 아닌 === 를 사용한다.

🐱‍🐉 옵션

// null, undefined 체크는 || 대신 ?? 사용
const nullableString: string | null = getNullableString()
const result = `${nullableString ?? ''}`

 

 

 

🐱‍👤 참고:

https://ui.toast.com/fe-guide/ko_CODING-CONVENTION
https://daco2020.tistory.com/m/54