์ด๋์ 12์์ด ๋์ด์ 2023๋
ํํด๋์ ๋ฌด์์ ํ๋์ง ๋๋์๋ณด์์ต๋๋ค. ์๊ฐ์ด ์ ๋ง ์ ์ ์์ด ํ๋ฌ๊ฐ๋ค์.โ๏ธ
์ฌํด ๊ฐ์ฅ ๋ฟ๋ฏํ ๊ฒ ๐ (BEST 5)
๋ชฉํ๋ฅผ ๋ฌ์ฑํ๊ธฐ ์ํด ๋
ธ๋ ฅํ๋ ์ค์ค๋ก์ ๋ชจ์ต์ ์ฐธ ์ข์ํฉ๋๋ค. ๊ทธ๋ฐ ์๋ฏธ์์ ๊ฐ์ฅ ๋
ธ๋ ฅ์ด ๋ง์ด ๋ค์ด๊ฐ ์์
์ ๋ฒ ์คํธ ์์๋ก ๊ผฝ์์ต๋๋ค.
โ ํ ์ดํ๋ก์ ํธ ์งํ - ์ด 5๊ฑด ์งํ
์ฌ๋ด ๊ธฐ์ ์คํ์ ์ตํ๊ธฐ ์ํด ํ ์ดํ๋ก์ ํธ๋ฅผ ์ฌ๋ฌ๊ฐ ์งํํ๋๋ฐ, ์ค์ ๋ก ์
๋ฌดํจ์จ์ ๋์ฌ์ฃผ์๊ธฐ์ ์ฌ ํํด ์ด๋ฃฌ ๊ฒ ์ค ๋ฟ๋ฏํ ์ผ 1์๋ก ์ ์ ํ์ต๋๋ค.๐
- TypeScript - ์ด ํ๋ก์ ํธ
3๊ฑด ์งํ
- as-is: ํ์
์๋ฌ๊ฐ ๋์ค๋ฉด ์๋ฌ์ฝ๋๋ถํฐ ๋ถ์ํ๋๋ผ ํค๋งธ์.
- to-be: TypeScript ๊ธฐ์ด์ง์์ ์ต๋ํ์ฌ ์กฐ๊ธ ๋ ๋น ๋ฅด๊ฒ ์๋ฌ ๋์์ด ๊ฐ๋ฅํด์ก์ต๋๋ค. ์ด์ ๋ณด๋ค ํ์
์์ฑ์ ๋ฅ์ํด์ง!
- Apollo-GraphQL - ์ด ํ๋ก์ ํธ
2๊ฑด ์งํ
- as-is: Apollo-GraphQL ๊ธฐ์ด ๋ฌธ๋ฒ๋ ๋ชฐ๋ผ์ ์
๋ฌด๋ฅผ ํ ๋น๋ฐ์ผ๋ฉด ๊ณต์๋ฌธ์๋ถํฐ ์ฐพ์๋ณด๋ฉฐ ์์
ํ๋๋ผ ์๊ฐ์ด ์ค๋๊ฑธ๋ ธ์.
- to-be: Apollo-GraphQL ๊ธฐ์ด์ง์์ ์ต๋ํ์ฌ, ๊ณต์๋ฌธ์๋ฅผ ์ผ์ผํ ์ฐพ์๋ณด์ง ์๊ฒ ๋์ด ์
๋ฌด์ฒ๋ฆฌ ์๋๊ฐ ๋นจ๋ผ์ง๊ฒ ๋จ. ์คํค๋ง ํ์
๋ฐ resolvers Query์ Mutation์ ๊ธฐ์กด๋ณด๋ค ๋น ๋ฅด๊ฒ ์ฝ๊ฑฐ๋ ์์ ํ ์ ์์
โก JavaScript ํ๋ก๊ทธ๋๋จธ์ค 0๋จ๊ณ 100๋ฌธ์ ํ๊ธฐ - ์ด 86๋ฌธ์ ํ์ด์๋ฃ
์๊ฐ๋ณต์ก๋๋ ํจ์จ์ข์ ์๊ณ ๋ฆฌ์ฆ ๋ฐฉ๋ฒ์ ๋ํด์๋ ์์ง ํ์ฐธ ๋ถ์กฑํ์ง๋ง, ๊ธฐ์กด๋ณด๋ค ๋ฌธ์ ํ์ด ๋ฐฉ๋ฒ์ ์กฐ๊ธ ๋ ๋น ๋ฅด๊ฒ ์๊ฐํด๋ผ ์ ์๊ฒ ๋์์ต๋๋ค. ์
๋ฌด๋ฅผ ํ ๋น๋ฐ์์ ๋ ์ด๋ป๊ฒ ๋ก์ง์ ์ง๋ฉด ์ข์์ง ์๊ฐํ๋ ์๋๊ฐ ์ด์ ๋ณด๋ค ๋นจ๋ผ์ก๊ธฐ์ ์ค์ง์ ์ธ ๋์์ด ๋์์ต๋๋ค.
โข ์ฌ๋ด ๋ฐํ - ์ด 2๊ฑด ์งํ
์/ํ๋ฐ๊ธฐ์ 1์ฐจ๋ก์ฉ ์ ์ฌ ๋ฐํ๋ฅผ ํ์ต๋๋ค.
- ํ๊ณ : ํ๊ณ ๋ฐฉ๋ฒ์ ์๊ฐํ๊ณ , ์ค์ ๋ก ์งํํ ๊ฐ์ธ ํ๊ณ ๋ฅผ ๋ฐํํ์ต๋๋ค.
- ์ฝ๋๋ฆฌ๋ทฐ: 1๋
๊ฐ ์ฝ๋๋ฆฌ๋ทฐ๋ฅผ ํ๋ฉฐ ๋๊ผ๋ ์ ๊ณผ ํจ์ฉ์ฑ, case study, best practices๋ฅผ ๊ณต์ ํ์ต๋๋ค.
โฃ ์์ฑํ ๋ธ๋ก๊ทธ ๊ธ - ์ด 7๊ฑด ์์ฑ
๊ฐ์ธ
๊ฐ๋ฐ
์ปจํผ๋ฐ์ค
โค undefined
2024๋
์ ์ด๋ฃจ๊ณ ์ถ์ ๊ฒ ๐ซถ๐ป
๊ฑด๊ฐ, ๊ฑด๊ฐ, ๊ฑด๊ฐ
โ ๊ธฐ์ด์ฒด๋ ฅ ๋ฌด์กฐ๊ฑด ๋์ด์ฌ๋ฆฌ๊ธฐ - ํฌ์คPT
- ์ต๊ทผ ์ฒด๋ ฅ์ด ๋ฐ๋ฅ์ธ๋ฐ ๋ฉํ๋ ์ฒด๋ ฅ๋ฐ๋ผ ๋๋ฝ๊ฐ๊ณ ์์ด์ ์ฌ๊ฐ์ฑ์ ๋ผ์ ๋ฆฌ๊ฒ ๋๋ผ๊ณ ์์ต๋๋ค.
- ํฌ์ค ๋ฐ PT ํ๋ฉด์ ๊ฐ์ ๋ก ์ด๋ํด์ผ๊ฒ ์ต๋๋ค.
โก ์๋ฉดํจํด ๊ฐ์ - ์๋ฉด๊ฒ์ฌ
- ์๋ฉดํจํด์ ์๋
๋ณด๋ค๋ ์ข์์ก์ง๋ง ์ฌ์ ํ ๊ฐํ์ด๋ฏ๋ก ์ฝ ์์ด๋ ์ ์ ์๋๋ก ๋
ธ๋ ฅ์ด ํ์ํฉ๋๋ค.
- ๋ณ์๊ฐ์ ์๋ฉด๊ฒ์ฌ ์งํ ํ, ๊ฐ์ ํ๊ธฐ
โข ๊ฑด๊ฐํ ์๋จ - ๋ผ๋ ๊ฑฐ๋ฅด์ง์๊ธฐ, ์์์ , ์๋ฌ๋
- ํ๋ฃจ ์ต์ 2๋ผ๋ ์ฑ๊ฒจ๋จน๊ธฐ
- ์ ์ฐ๊ท , ๋นํ๋ฏผ, ์ค๋ฉ๊ฐ3 ๋ฑ๋ฑ ์์์ ๊ผญ ์ฑ๊ฒจ๋จน๊ธฐ
- ๊ฑด๊ฐ ์๊ฐํด์ ์๋ฌ๋๋ ํฌ์ผ ์ฑ๊ฒจ๋จน๊ธฐ
๊ณต๋ถ
โ Docker + AWS ๊ธฐ์ด์ง์ ์ต๋
-
ํผ์ ํ๋ก์ ํธ์ ๋๋ ๋จ์ด์ง๋ฉด ์ฑ์ ๋์์ ๋๊ตฐ๊ฐ๊ฐ ๋ณผ ์ ์๋ ํ๊ฒฝ์ ๋ง๋ค ์ ์์ด์ผ ํ๊ธฐ ๋๋ฌธ์ ํ๋ก ํธ์ค๋ ๊ฐ๋ฐ์๋ ์๋ฒ ์ธํ๋ผ ์ค์ ์ ๋น์ฐํ ํ ์ค ์์์ผ ํ๋ค๊ณ ์๊ฐํฉ๋๋ค.
-
๋ฐ๋ผ์, Docker + AWS ๊ธฐ์ด์ง์ ์ต๋ํ๋ ๊ฒ์ 2024๋
๊ณต๋ถ๋ชฉํ๋ก ์ธ์ ์ต๋๋ค.
โก JavaScript ์ฝ๋ฉํ
์คํธ 1๋จ๊ณ ๋ฌธ์ ํ์ด ์๋ฃ
- ์ปดํจํ
์ฌ๊ณ ๋ฅ๋ ฅ ํฅ์์ ์ํด
- JavaScript ๋ฉ์๋ ์ฌ์ฉ๋ฐฉ๋ฒ ๋ฐ ํ์ฉ ์๋ฌ
- ์กฐ๊ธ ๋ ์์ฌ๋ด์๋ฉด, ํจ์จ์ ์ธ ์๊ณ ๋ฆฌ์ฆ ๋ฐฉ๋ฒ ์ตํ๊ธฐ (์๊ฐ๋ณต์ก๋)
โข Next.js 13 ์ฌ์ฉํ๋ฉฐ ์ตํ๊ธฐ
- ์์ง 13๋ ๊ณต๋ถ์ํ๋๋ฐ ์ด๋ฏธ 14๊ฐ ๋์๋ฒ๋ฆฌ๊ธดํ์ง๋ง.. ๊ทธ๋๋ 13๋ถํฐ ๊ณต๋ถํด๋ณด๊ธฐ๐
โฃ ์คํ ๋ฆฌ๋ถ ํ์ฉ
- ์ฌ๋ด์์ ์คํ ๋ฆฌ๋ถ ๋ด๋น์(?)๋ผ๋ ๊ฐํฌ๋ฅผ ์ฐ๊ณ ์๋๋ฐ, ์ฌ์ค ๋ด๋น์๋ค์ด ๊น์ ์ง์์ ๊ฐ์ถ์ง ๋ชปํ์
- ๋ฐ๋ผ์, ๊ฐ์ธํ๋ก์ ํธ ์งํํ๋ฉด์ ์ฌ์ฉ๋ฐฉ๋ฒ ์ถฉ๋ถํ ์ตํ๊ณ ์ฌ์ฉ๋ฐฉ๋ฒ์ ๋ํ ๋ฌธ์๋ฅผ ์์ฑํ๋ ๊ฒ์ด ๋ชฉํ.
์ค๋๋ง์ ๋ธ๋ก๊ทธ์ ์ด ๊ธ์ด ํ๊ณ ๊ธ์ด๋ผ๋, ์ด์ฏค๋๋ฉด ํ๊ณ ์ ์ฉ ๋ธ๋ก๊ทธ์ธ๊ฐ ์ถ๋ค์...๐
๋ ์ด ์ฐจ๋ ๊ฑด๊ฐ ์ ์ฑ๊ธฐ์๊ณ , 2023๋
์ ์ข
์ ๋ฏธ ๊ฑฐ๋์๊ธธ!
๊ธด ๊ธ ์ฝ์ด์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค :)