코드 컨벤션

폴더와 파일
1. 폴더명 : 카멜 케이스, 소문자로 시작
2. 파일명 : 파스칼 케이스(컴포넌트, 페이지 tsx 리턴 파일), ts 파일의 경우는 카멜케이스로
3. push 된 폴더 및 파일일 경우, 대소문자 변경시 git mv oldname newname → 커밋 → 푸시

상수, 변수, 함수

상수 : 스네이크 케이스

SYMBOLIC_CONSTANTS;

b. 변수, 함수명 : 카멜 케이스

// 숫자, 문자, 불린
let dog;
let variableName;

// 배열 - 배열은 복수형 이름을 사용
const dogs = [];

// 정규표현식 - 정규표현식은 'r'로 시작
const rDesc = /.*/;

// 함수는 화살표 함수로 작성 (컴포넌트 포함)
const getPropertyName = () => {
  ...
}

// 이벤트 핸들러 - 이벤트 핸들러는 'handle'으로 시작
const handleClick = () => {};
const handleKeyDown = () => {};

// 불린 반환 함수 - 반환 값이 불린인 함수는 'is'로 시작
let isAvailable = false;

Container, Wrapper → styled-components 사용시
- container : 여러개 요소를 감쌀 때 사용
```
<Container>
	<TodoLists/>
	<LoginBtn/>
</Container>
```

wrapper : 단일 요소를 감쌀 때 사용
```
<Wrapper>
	<TodoList/>
</Wrapper>
```

interface, type

	
interface IProduct {};
type Name = string;