๐ [2024-11-11] 3์ฃผ์ฐจ๋ฅผ ์ฌ๋ ํ์
ํ ํ๋ฆฟ์ ๋ชฉ์ โ ํ์๋ฅผ ์ต๋ํ ํจ์จ์ ์ด๊ณ ์์ฐจ๋ฉด์ ๋น ๋ฅด๊ฒ ๋๋ด๊ธฐ. ๊ทธ๋ฌ๋ฉด์๋ ํ์คํ๊ฒ ๋ ผ์ํ ๊ฑด ๋ ผ์ํ๊ณ ๋์ด๊ฐ๊ธฐ.
๐ย ํ์ ๋ชฉํโ
- ๊ฐ๋ฐ ์ฐฉ์ํ๊ธฐ ์ํ ์ฌ์ ๋ ผ์ ์ฌํญ์ ๋ง๋ฌด๋ฆฌ ์ง๋๋ค.
๐ย ํ์ ์๊ฑดโ
- ์ผ์ ์ฐ์ถ์ ๋ง๋ฌด๋ฆฌ ํ๋ค.
- ์ญํ ๋ถ๋ฐฐ๋ฅผ ํ์คํ ํ๋ค.
- ์์ ์ํฉ์ ์ต๋ํ ๊ณต์ ํ ์ ์๋ ๋ฐฉ์์ ๋ง๋ จํ๋ค.
- ์บ๋ฒ์ค์ ์ง๋ ๊ฐ์ ๋์ ๋ฐฉ์์ ์ ์ํ๋ค.
๐ย ํ์๊ฐ ๋๋ฌ์ ๋์ ์ํโ
- ํ ์ฃผ๊ฐ์ ์ผ์ ์ฐ์ถ์ด ๋๋ฌ๋ค. (๋ฐฐํฌ๋ฅผ ๊ธฐ์ค์ผ๋ก ์ด๋ป๊ฒ ํ ๊ฑด์ง ์ ์ํ๋ค.)
- ์ญํ ๋ถ๋ฐฐ๋ฅผ ํ์คํ ํ๋ค.
- ์์ ์ํฉ์ ๊ณต์ ํ ์ ์๋ ์ค๊ฐ ์ฅ์น๋ฅผ ๋ง๋ค์๋ค.
- ์บ๋ฒ์ค์ ์ง๋ ๊ฐ ์ ๋์ ๋ฐฉ์์ ์ ์ํ๋ค.
๐ย ํ์ ๋ด์ฉโ
โ๏ธย ESLint์ ๋ํ ๋ถํธ์ฌํญ ์กด์ฌโ
๐ปย Frontendโ
no-param-reassign
์ ๋ํ ๊ณ ๋ฏผ โuseRef
์ฌ์ฉ ๊ณผ์ ์์ ์๋ฌ๊ฐ ๋ฐ์ํ๊ณ ์ฌํ ๋น ๊ณผ์ ์์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค.
๐พย Backendโ
file extension
์ธ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค. โ js ์ฌ์ฉํ๋๋ฐ ๋ถ์ด๋ฉด ์ค๋ฅ๋๊ณ , ์๋ถ์ฌ๋ ์ค๋ฅ๋๋ค.
โ๏ธย ์ง๋์ ๋ํ ์ค์ ๋ด์ฉโ
-
์บ๋ฒ์ค์ ์ง๋๋ ๋ค์๊ณผ ๊ฐ์ ๋ฐ์ดํฐ๋ง ์ฃผ๊ณ ๋ฐ๋๋ค.
interface data = {
latitude: number,
longitude: number,
}- canvas์ ์ ์ฒด ์ขํ๋ฅผ ๋ก๋ฉํ๊ณ ์ด๊ฑธ ์ด๋ํ๋ ๋ฐฉ์์ ์ฑํํ๋ค.
- ์ง๋๊ฐ ์ด๋ํ๊ฑฐ๋ ์ถ์ ์ ์ขํ์ ๋ณด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ฌ ์ฐ์ฐ์ ์์ํ๋ค.
- ์บ๋ฒ์ค์ ์ง๋ ๊ฐ์ ๋๋ ์ด ๋ฑ์ ์ผ๋จ ๊ตฌํํ๊ณ ์๊ฐํ๋ค. (๋ค์์ฃผ๋ก ๋ฏธ๋ฃธ)
โ๏ธย ์ญํ ๋ถ๋ฐฐ๋ ์ด๋ป๊ฒ ํ ๊ฒ์ธ๊ฐ?โ
๐ค ๋ฌธ์ ์ํฉโ
- ํ๋ก ํธ์ ์์ ์ง๋๊ฐ ๋๋ฌด ๋๋ฆฌ๋ค. + ๋ฐฑ๋ก๊ทธ๊ฐ ๋๋ถ๋ถ ์ฒ๋ฆฌ๋๊ณ ์์ง ์๋ค.
๐คย ๋ ผ์ํ ์ฌํญโ
- ๋ฐ๋ชจ ์์ฐ์ ์ํด์๋
Router
๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๋น ๋ฅด๊ฒPages
๊ตฌ์กฐ๊ฐ ์กํ์ผ ํ๋ค. Tailiwind CSS
๋ฅผ ์ํCompound
๊ฐ ๋น ๋ฅด๊ฒ ์ค์ ๋์ด์ผ ํ๋ค.- ์ด๋ฅผ ๊ธฐ๋ฐํด์ ์ ์
UI/UX
๊ฐ ๋จผ์ ๊ตฌํ์ด ๋์ด์ผ ํ๋ค. - ๊ณตํต ์ปดํฌ๋ํธ๋ ํ์ด์ง๋ฅผ ๊ตฌํํ๋ฉด์ ๋น ๋ฅด๊ฒ ๋์์ผ ํ๋ค.
- ์ด ๋ชจ๋ ์์ ์ ์ด๋ฒ์ฃผ์ ๋๋๊ณ ๋ฐฐํฌ๊ฐ ์ด๋ฃจ์ด์ ธ์ผ ํ๋ค.
- ๋ฐฑ์ค๋๋ ์ด๋ฒ์ฃผ์ ๋๋ด๊ณ , ์ดํ์๋ J234 ์ ํ์ธ์ด ํ๋ก ํธ์ ๋ถ์ด์ ์์ ํ๋ค.
๐ย ๊ฒฐ๋ก โ
ESLint
๋ฐTSConfig
์์์ ๋ถํธ์ฌํญ์ด ์กด์ฌ โJ210 ์์ฌ๋
๊ฐ ์ ์ฌ ๋ ๋น ๋ฅด๊ฒ ์์ - ํ๋ก ํธ ์์
๋ถ๋ฐฐ๋ ๋ค์๊ณผ ๊ฐ์ด ์งํ
React-Router
๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ํpath
์page
์ค์ โJ060 ๊น์ฃผ์
Tailwind css Compound
+๊ณตํต ์ปดํฌ๋ํธ
โJ174 ๊น๋์จ
- ์ง๋ ์ค์ ๋ฐ ๊ณตํต ์ปดํฌ๋ํธ ๊ฐ๋ฐ(Drawer) โ
J210 ์์ฌ๋
- ์์ ๊ณผ์ ์ ๋ค์์ ์กฐ๊ฑด์ ๋ฐ๋ฆ
- ๋ด์ผ๊น์ง ์์
- ๊นํ๋ธ ํ๋ก์ ํธ์ ์ด์๋ฅผ ๋ง๋ค๊ณ , ์ด์ ๋ฐ๋ผ์ ํ ์คํฌ๋ฅผ ์ ๋ถ ์ ๋ก๋
- ์ดํ์ ๊ฐ๋ฐ (์์ ์ํฉ ๊ณต์ ๋ฐ ๋ค๋ฅธ ํ์์ด ์์ ๋ง์น๋ฉด ๋น ๋ฅด๊ฒ ๋ถ๊ฒ ํ ์ ์๊ธฐ ์ํจ)
- ์์
์งํ์ ์ํํ ์ํต์ ์ํด์ ๋ค์์ ๊ท์น ์ถ๊ฐ
- ๋งค์ผ 7์ (๋ถ์คํธ์บ ํ ์ฝ์ด์๊ฐ์ ์ข ๋ฃ์๊ฐ)์ ํ์ฌ ์์ ์ํฉ ๋ณด๊ณ
- ๋ฐ์ผ๋ฆฌ ์คํฌ๋ผ๋ ํ๋ฉด๊ณต์ ํ๊ณ ์์ ์ํฉ ๊ณต์
๐ย ๊ธฐํโ
- ๊ฐ๋ฐ ์งํ์ํฉ ๋น ๋ฅด๊ฒ ๋ฝ์๋ด๊ณ , ์ดํ์ docs ์์ฑํ๋ ๋ฐฉ๋ฒ
J210 ์์ฌ๋
๊ฐ ๋ช ์ธ