๐ปย Code Convention
์์งํค๋ค ์ ๋ฐ ์ย -1000
์ย ๐
๐ท๏ธย Naming
- ์ปดํฌ๋ํธ ํ์ผ์ย
PascalCase
๋ก ์์ฑํ๋ค. Ex)ย Component.tsx
- jsx๊ฐ ํฌํจ๋ ์ปดํฌ๋ํธ ํ์ผ์ ํ์ฅ์๋ฅผย
.tsx
๋ก ์ด์ธ๋ย .ts
๋ก ์์ฑํ๋ค.
- ๋ณ์๋ช
์ ๊ธฐ๋ณธ์ ์ผ๋กย
camelCase
๋ก ์์ฑํ๋ค.
- ์์๋ย
UPPER_SNAKE_CASE
๋ก ์์ฑํ๋ค.
- ๋ฐฑ์๋ ํ์ผ๋ช
์ย
kebab-case
๋ก ์์ฑํ๊ณ ๋ชฉ์ ์ "."์ผ๋ก ๊ตฌ๋ถํ์ฌ ์์ฑํ๋ค. Ex)ย user-article.contorller.js
- ํด๋๋ช
์ย
kebab-case
๋ก ์์ฑํ๋ค.
- ์ปดํฌ๋ํธ ํด๋๋ช
์
PascalCase
๋ก ์์ฑํ๋ค.
- booleanํ ํจ์ or ๋ณ์๋ช
์ย
is
๋ก ์์ํ๋ค.
- ๋ฐฐ์ด ๋ณ์๋ช
์ย
List
๋ฅผ ๋ค์ ๋ถ์ธ๋ค. Ex)ย chatList
- ๋ณ์๋ ์ ์ธ ์ ์ด๊ธฐํํ๋ค.
- ๋งค์ง ๋๋ฒ ๊ธ์ง(์์ ์ฌ์ฉ)
- ๋น๋๊ธฐ๋ย
async-await
๋ก ํต์ผํ๋ค.
๐Typescript
- ๊ผญ ํ์ํ ์ํฉ์ด ์๋๋ฉด type alias๋ง๊ณ interface๋ก ์์ฑํ๋ค.
- interface naming์
PascalCase
๋ก ์์ฑํ๋ค. Ex) interface HeaderProps{}
๐React
- ์ปดํฌ๋ํธ ์ผ๋ฐ ํจ์ํ์ผ๋ก ์์ฑํ๋ค.