1. 변수

• 소문자 카멜케이스를 통해 정의한다. ex) helloWorld
• 배열 변수의 경우 변수명의 끝에 List를 붙인다 ex) helloList
• 타입이 boolean인 변수의 이름은 is로 시작한ㄷ. ex) isLoading

2. 상수

• 상수는 대문자 스네이크 케이스를 사용한다 ex) HELLO_WORLD

3. 함수명

• 함수는 camelCase로 선언한다. ex) helloWorld

왜 handle을 사용해야 할까?

• handle은 동사로서 "무엇을 처리하다"라는 의미를 담고 있어, 함수명이 특정 동작을 수행하는 함수임을 명확히 나타냅니다.
• handler는 명사로서 "이벤트 처리기"라는 역할을 강조하는데, 이는 함수명이 아닌 변수명 또는 객체로 쓰는 것이 일반적입니다.

반대로, handlerClick()은 handler가 명사로서 "이벤트 처리기"의 역할을 나타내는데, 함수명에서는 동사형을 사용하는 것이 더 자연스럽고 일관성 있는 방식입니다.

따라서 handlerClick()보다는 handleClick()과 같은 방식으로 사용하는 것이 더 적합하고, 코드 가독성 측면에서도 더 명확합니다.

4. TypeScript

• any를 최대한 지양한다. 필요하다면 unknown을 사용한다

unknown을 사용해야 하는 이유

• 타입 안전성 유지: unknown을 사용하면 값의 타입을 명확히 확인하거나 좁혀서 처리해야 하기 때문에, 런타임에서의 오류를 예방할 수 있습니다.
• TypeScript의 타입 시스템을 최대한 활용: unknown은 타입 시스템을 우회하지 않으므로, TypeScript의 핵심 장점인 타입 검사를 제대로 활용할 수 있습니다.
• 보장된 안정성: unknown을 사용할 때, 코드에서 명시적으로 타입을 좁히는 과정을 거치므로, 코드의 안전성을 더 높이고 예기치 않은 오류를 방지할 수 있습니다.

5. 모듈