Front-end Developer
๊ธ๋ 8๊ธฐ ๋์ ๋ค์ง (2023/02/12) ๋ณธ๋ฌธ
๐ ๊ธ๋๋ฅผ ์์ํ๊ฒ๋ ๊ณ๊ธฐ
์๋ ํ์ธ์. ๋จผ์ ๊ฐ๋ตํ๊ฒ ๊ธ๋์ ๋ํด์ ์๊ฐํ์๋ฉด, ๊ธ๋๋ ๊ธ์ฐ๋ ๊ฐ๋ฐ์๋ค์ ๋ชจ์์ ๋๋ค. 2์ฃผ์ ํ ๋ฒ์ฉ ๊ฐ๋ฐ ๊ด๋ จ๋ ๊ธ์ ์ ๊ณ ์๋ก ์ด ๊ธ๋ค์ ํผ๋๋ฐฑ ํด์ฃผ๋ฉด์ ๊ธ ์ฐ๋ ์ต๊ด๋ ๊ธฐ๋ฅด๊ณ ์ค๋ ฅ๋ ํค์ฐ๋ ์์ฃผ ์ ์ตํ ๋ชจ์์ ๋๋ค. ๊ธ๋์ ๋ํด์ ๋ ์์ธํ ๋ด์ฉ์ ์๊ณ ์ถ์ผ์๋ค๋ฉด ๊ธ๋ ๋ ธ์ ํ์ด์ง์์ ํ์ธํ์๋ฉด ์ข์ ๊ฒ ๊ฐ์ต๋๋ค.
์ ๋ ํ์ฌ ๋๋ฃ๋ถ์ ํตํด์ ๊ธ๋์๋ํด์ ์๊ฒ๋์๊ณ ๊ธ๋๋ฅผ ์ง์ํ๊ฒ๋์์ต๋๋ค. ๊ธ๋๋ฅผ ์ง์ํ๊ฒ๋ ์ด์ ๋ ๋ ๊ฐ์ง๊ฐ ์์ต๋๋ค. ์ฒซ์งธ๋ ์ ๊ฐ ๊ทธ๋์ฏค์ ์ ํฌ๋ธ์์ ์ด๋ค ํ ์๋์ด ๊ฐ๋ฐ์๋ถ๊ป์ ์ด ์ฌ๋์ด ๊ฐ๋ฐ์ ์ ํ๋ ์ฌ๋์ธ์ง ์๊ธฐ ์ํด์๋ ์ด๊ฒ ํ ๊ฐ์ง๋ง ๋ณด๋ฉด ๋๋ค๊ณ ๋ง์ํ์๋ ์์์ ๋ณด๊ฒ๋์๋๋ฐ, ๊ทธ ํ ๊ฐ์ง๊ฐ ๊ธ์ ์ ์ธ์ค ์๋๋ ์์ต๋๋ค. ์ข ๋ ๋ถ๋ช ํ๊ฒ ์ด์ผ๊ธฐํ์๋ฉด ๊ธ๋ก ๋๋ฃ ๊ฐ๋ฐ์์๊ฒ ๋์ ์๊ฐ์ ๋ช ํํ๊ฒ ์ค๋ช ํ ์ ์๋ ์์ต๋๋ค. ์๋๋ฉด ๊ธ๋ก ๋์ ์๊ฐ์ ์ ๋๋ก ์ ๋ฌํ ์ ์๋ค๋ฉด, ๊ฐ๋ฐ์ ํ์๋๋ ๋จ๋ค์ด ์ดํดํ๊ธฐ ์ด๋ ต๊ฒ ์ฝ๋๋ฅผ ์์ฑํ๊ณ ์ฌ์ง์ด ๋ ์์ ๋ ์์๋ณด๊ธฐ ์ด๋ ค์ธ ์ ์๋ค๋ ๊ฒ์ด์์ต๋๋ค. ์์์ ๋ณด๊ณ ๊ธ๋ก ๋ด ์์ ์ ์๊ฐ์ ์ ์ ๋ฌํ๋ ๊ฐ๋ฐ์๊ฐ ๋๊ณ ์ถ๋ค๊ณ ์๊ฐํ์ต๋๋ค.
๋๋ฒ์งธ ์ด์ ๋ ์ธ๊ณ ๊ฒฝ์ ๊ฐ ์ผ์ด๋ถ์ผ๋ฉด์ ์คํํธ์ ์ธ ์ ํฌ ํ์ฌ๋ ์ฌ์ ์ ์ผ๋ก ์ด๋ ค์์ ๊ฒช๊ฒ๋์์ต๋๋ค. ๊ทธ๋ ๊ฒ๋๋ฉด์ ๊ตฌ์กฐ์กฐ์ ๋ ์์๊ณ , ์๊ธ๋ ์ญ๊ฐ์ด๋๋ฉด์ ์ด์ง์ ๋ํ ์๊ฐ์ ๊ฐ์ง๊ฒ ๋์์ต๋๋ค. ๊ทผ๋ฐ ์ด์ง์ ํ๊ธฐ์๋ ์ค๋น๋๊ฒ ์์๋ ์ ์์ ์ ๋ณด๋ฉด์ ๋ถ๋๋ฝ์ง๋ง ์ง๊ธ์ด๋ผ๋ ์๊ฐ์๋ด์ ๊ฐ๋ฐ ๊ณต๋ถ๋ฅผ ํ๊ณ ๊ณต๋ถํ ๊ฒ์ ๊ธ๋ก ๋จ๊ธฐ๋ฉด ์ข๊ฒ ๋ค๊ณ ์๊ฐํ์ต๋๋ค. ์์ ๋๊ฐ์ง ์ด์ ๋๋ฌธ์ ๊ธ๋๋ฅผ ์ง์ํ๊ฒ ๋์์ต๋๋ค.
๐ง๐ป๐ป ๊ธ๋ ๊ธฐ๊ฐ๋์ ๋ค์ง (2023๋ 2์ ~ 2023๋ 7์)
A. ์ฑ ์ฝ๊ธฐ (์ฌ๊ณ ์์ฝ์ ์ฑ ๋ค)
- ๋ฅ ์ํฌ
- CODE
- ํ๋ฃจ 3๋ถ ๋คํธ์ํฌ ๊ต์ค
B. ๊ฐ๋ฐ ๊ณต๋ถ
- Typescript
a. handbook ์ฝ๊ธฐ
b. ํ์ ์คํฌ๋ฆฝํธ ์ฌ์ธ์ by zero-cho - Javascript
a. ์ธ๊ฐ JS ์์ง๋๊ธฐ by zero-cho - ๋ฐฑ์๋
a. Nest.js
b. TypeORM
C. ์ฌ์ด๋ ํ๋ก์ ํธ
- ๊ฐ๋ฐ ๋ธ๋ก๊ทธ
a. ๊ฐ๋ฐ ์คํ: Next.js v.13 - ์ ค๋ฆฌ๋ธ (์ธ๊ตญ์ธ์๊ฒ ํ๊ธ ์๋ ค์ฃผ๋ ์๋น์ค ํ๋ซํผ)
a. ๊ฐ๋ฐ ์คํ: Next.js & NestJS
๊ธ๋ 8๊ธฐ๋ฅผ ์งํํ๋ ๋์ ๊ฐ๋ฐ ๋ธ๋ก๊ทธ์ ๋ฑ ์ด๋ค ๋ด์ฉ์ ์ ์ด์ผ๋ ์ง๋ ๋ชจ๋ฅด๊ฒ ๊ณ ์์ 3๊ฐ์ง ๊ณํ๋ค์ ์งํํ๋ฉด์ ๊ฐ์ด ๋๋๋ฉด ์ข๊ฒ ๋ค๊ณ ์๊ฐ๋๋ ๋ด์ฉ์ ๊ณจ๋ผ์ ๋ธ๋ก๊ทธ์ ์์ฑํ๊ฒ ์ต๋๋ค. ๊ฒ์ผ๋ฅด๊ณ ์์ง๊ฐ ์ฝํด์ ๊ณํํ ๊ฒ์ ์ ๋ชป ์ด๋ฃฐ๋๊ฐ ๋ง์๋ฐ, ๊ตฌ์ฒด์ ์ผ๋ก ๊ณํ์ ์ง์ ์คํ์ ์ฎ๊ฒจ๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ๐ซก