์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- package management
- ํ์ต๋ด์ฉ์ ๋ฆฌ
- ์ค์ฝํ
- ๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ Deep Dive
- ์ ๋๋ ์ดํฐ์ async/await
- ํ๋ก๊ทธ๋๋จธ์ค
- middleware pattern
- ํ๋ก ํธ์๋ ์ฑ๋ฅ ์ต์ ํ ๊ฐ์ด๋
- ์ฌ๋ฆผํฝ ํต๊ณ ์๋น์ค ์ต์ ํ
- version management
- ์๋ฐ์คํฌ๋ฆฝํธ
- ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ
- ๋ธ๋ผ์ฐ์ ์ ๋ ๋๋ง ๊ณผ์
- js pattern
- ์งํ๊ธฐ๋ก
- DOM
- mixin pattern
- ์ ์ฝ๋ ๋ฐ์์ค๊ธฐ
- Babel๊ณผ Webpack
- ์ด๋ฒคํธ
- ์ด๋ฏธ์ง ๊ฐค๋ฌ๋ฆฌ ์ต์ ํ
- js pattern
- ์ปค๋ฆฌ์ด
- pr review
- ์๋ฐ์คํฌ๋ฆฝํธ ํจํด
- unique identifiers
- const
- ๋ธ๋ก๊ทธ ์๋น์ค ์ต์ ํ
- ๋ฅ๋ค์ด๋ธ
- peerdependencies
- Today
- Total
๋ชฉ๋ก์ ์ฒด ๊ธ (453)
Dev Blog

'์ฟ ํค ์์ง์ ๋์ํ์ญ์์ค.' ์ฟ ํค๋ ์น์ฌ์ดํธ๊ฐ ์ฌ์ฉ์์ ๋ธ๋ผ์ฐ์ ์ ์ ์ฅํ๋ ์์ ๋ฐ์ดํฐ ํ์ผ๋ก,์ฌ์ฉ์์ ์ ๋ณด๋ฅผ ๊ธฐ์ตํ๊ณ ์น ๊ฒฝํ์ ๊ฐ์ ํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. ์ฟ ํค ์ด์์ด์ฝ์นฉ ์ฟ ํค๋ฅผ ์๋ฏธํ๋๊ฐ ์ถ์ ํ ๋ฐ, ์ ํํ๊ฒ๋ ์น ๋ธ๋ผ์ฐ์ ์์ ์ด์ฉํ๋ ์ ๋ณด ํ์ผ์ ์ผ์ปซ์ต๋๋ค.์ฟ ํค์ ์ด์์ 1994๋ , ๋ท์ค์ผ์ดํ ๊ฐ๋ฐ์ ๋ฃจ์ด J. ๋ชฌํด๋ฆฌ(Louis J. Montulli)๊ฐ ๊ณ ์ํ๋๋ฐ,์ ๋์ค ํ๋ก๊ทธ๋๋จธ๋ค์ด ํ๋ก๊ทธ๋จ ์์ ํ ๋ณ๊ฒฝํ์ง ์๊ณ ๋ฐํํ๋ ๋ฐ์ดํฐ์ ํจํท์'๋งค์ง ์ฟ ํค' ๋ผ๊ณ ๋ถ๋ฅด๋ ๋ฐ์ ์ฐฉ์ํ์ต๋๋ค.์ต์ด์ ์ฟ ํค๋ ๋ท์ค์ผ์ดํ(Netscape Navigator) ์น ๋ธ๋ผ์ฐ์ ์์์ผํ๋ชฐ ์ฅ๋ฐ๊ตฌ๋ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ๋ฐ ์ฌ์ฉ๋์์ต๋๋ค.์ด๋ฅผ ํตํด ์ฌ์ฉ์๊ฐ ์น์ฌ์ดํธ๋ฅผ ๋ ๋๋ ์ฅ๋ฐ๊ตฌ๋ ์ ๋ณด๋ฅผ ์ ์งํ ์ ์์์ต๋๋ค...

Hello & Intro์๋ ํ์ธ์, ์ค๋์ ์๋ก์ด ๋ฒ์ ์ด ๋ฐฐํฌ๋ ๋github API ๋ฅผ ํ์ฉํ์ฌ ์ฌ์ฉ์๊ฐ ์ ์ํ ์ฌ์ดํธ๋ฅผ์ ๋ฒ์ ์ผ๋ก ๋ฆฌ๋ก๋ ํด์ฃผ๋ Check Version & Reload ๊ธฐ๋ฅ์ ์๊ฐํด๋๋ฆฝ๋๋ค.Problem์ฌ์ฉ์๊ฐ ์น ์๋น์ค๋ฅผ ์ด์ฉํ ๋ ๋ฒ๊ทธ๋ฅผ ๋ง์ฃผํ ๋๊ฐ ์๋๋ฐ์.์ ํฌ๋ SPA(Single Page Application) ๋ฐฉ์์ ์น ์๋น์ค๋ฅผ ์ ๊ณตํ๊ณ ์๊ธฐ ๋๋ฌธ์๋งค์ฃผ ์ ๋ฒ์ ์ ๋ฐฐํฌํ ๋๋ง๋ค ์ฃผ๊ธฐ์ ์ผ๋ก ๋ฐ์ํ๋ ๋ฌธ์ ๊ฐ ์์์ต๋๋ค.(SPA ๋ฅผ ๊ฐ๋จํ ์ค๋ช ๋๋ฆฌ์๋ฉด, ์๋ฒ๋ก๋ถํฐ ์น ์ฌ์ดํธ๋ฅผ ๊ทธ๋ ค๋ผ ์ ์๋ ๋ชจ๋ ๋ฐ์ดํฐ๋ค์ ๋ค์ด ๋ฐ์ ํ๋ฉด์ ๊ทธ๋ ค์ฃผ๋ ๋ฐฉ์์ด๋ผ๊ณ ํ ์ ์์ต๋๋ค. ์ธํฐ๋ท์ ์ด๊ณ ์ฌ์ดํธ์ ์ ์ํ ๋๋ ์๋ก๊ณ ์นจ์ ํ ๋ ์ด ๋ฐ์ดํฐ๋ค์ ๋ฐ์์ต๋๋ค.) ์ ์ ๊ฐ ์ฌ์ฉํ๋ ํ๋ฉด๊ณผ ๊ด๋ จ๋ ์ฝ๋..

ํ๋์ ์์คํ ์ค๊ณ์์ ํ์ฅ์ฑ(Scalability)์ ํ์์ ์ธ ์์์ ๋๋ค.ํธ๋ํฝ๊ณผ ๋ฐ์ดํฐ๊ฐ ์ฆ๊ฐํด๋ ์์ ์ ์ผ๋ก ์ด์๋๊ธฐ ์ํด์๋ ์ ์ ํ ํ์ฅ ๋ฐฉ์์ ์ ํํ๊ณ ์์คํ ์ ์ค๊ณํด์ผ ํฉ๋๋ค. ์ด๋ฒ ๊ธ์์๋ ์ด๊ธฐ ์์คํ ๊ตฌ์กฐ์ธ ๋จ์ผ ์๋ฒ ๋์์ธ๋ถํฐ์๋ฒ์ ์ํ, ์์ง ํ์ฅ ๊ทธ๋ฆฌ๊ณ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ํ์ฅ ์ ๋ต๊น์ง ์ฐจ๊ทผ์ฐจ๊ทผ ์ดํด๋ณด๊ฒ ์ต๋๋ค.๋จ์ผ ์๋ฒ ๋์์ธ (๋ ๊ฑฐ์ ์์คํ )๋จ์ผ ์๋ฒ ๋์์ธ์ ์ด๊ธฐ ์์คํ ์์ ์์ฃผ ์ฌ์ฉ๋๋ ๊ฐ๋จํ ๊ตฌ์กฐ๋ก,ํ๋์ ์๋ฒ๊ฐ ํด๋ผ์ด์ธํธ์ ๋ชจ๋ ์์ฒญ์ ์ฒ๋ฆฌํ๊ณ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ ๋์ผํ ์๋ฒ ๋ด์์ ์ด์๋๋ ์ค๊ณ ๋ฐฉ๋ฒ์ ๋๋ค. ์ด๋ฌํ ๋จ์ํ ์ค๊ณ๋ ๊ตฌํ์ด ์ฝ์ง๋ง, ์ฌ๊ฐํ ํ๊ณ๋ฅผ ๊ฐ์ง๊ณ ์์ต๋๋ค.๋จผ์ , ๋จ์ผ ์ฅ์ ์ (Single Point of Failure) ๋ฌธ์ ์ ๋๋ค. ๋จ์ผ ์ฅ์ ์ ์์ ์๋ฒ๊ฐ ๋ค์ด๋๋ฉด ์์ค..

ํํธ๋ ๋ ํ๋ก์ ํธ Build Your Body ์ ์ทจ์ง, ๊ธฐํ, ๋์์ธ, ๊ฐ๋ฐ ๋ฑ ๋ชจ๋ ๋ด์ฉ์ ๊ธฐ๋กํ์ต๋๋ค. ๋๊ตฐ๊ฐ์๊ฒ ๋์์ด ๋๊ธธ ๋ฐ๋ผ๋ฉฐ, ๊ณต์ ํฉ๋๋ค ๐ฅ ์์ ๋ ธ์ ํ์ด์ง ์ด๊ธฐํผ๊ทธ๋ง ์์ ๋ณด๊ธฐ ๋๋ฉ ํ์ด์ง ๊ธฐํ ๋์์ธ ๊ฐ๋ฐ

์์ ์ด ์ํ๋ ์ด๋๋ค๋ก ํ๋ก๊ทธ๋จ์ ๋ง๋ค ์ ์์ต๋๋ค!ํ ์ธํธ ๋๋ ๋๋ง๋ค ์ฒดํฌ๋ฐ์ค๋ฅผ ํด๋ฆญํ์ธ์!!ํต๊ณ ํ์ด์ง์์ ์ํํ๋ ๋ชจ๋ ์ด๋ ํ์คํ ๋ฆฌ๋ฅผ ํ์ธํ์ธ์!!! ์์ธํ ๋ด์ฉ๊ณผ ์ฌ์ฉ๋ฐฉ๋ฒ์ ์ฌ๊ธฐ ํด๋ฆญ๐ช ์น์ฌ์ดํธ ๋๋ฌ๋ณด๊ธฐ ํด๋ฆญ ๐ช๐ช

์ ๋ฐ๋ฏธ์ ๊ฐ์ Next.js 14 & React - The Complete Guide ๋ฅผ ํ์ตํ ๋ด์ฉ์ผ๋ก ๊ฐ ์น์ ๋ง๋ค ์ค์ํ ๋ด์ฉ๊ณผ ์ฝ๋๋ฅผ ์ ๋ฆฌํ์ต๋๋ค.๋ ธ์ ํ์ด์ง๋ก ์ด๋๋ฉ๋๋ค : )

๋คํธ์ํฌ๋ถํฐ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๋ก , ๊ธฐํ์ง๋ฌธ๊น์ง๊ฐ๋ฐ์๋ก์ ์์์ผ ํ ๊ฐ ๊ฐ๋ ๋ค์ ์ ๋ฆฌํ์ต๋๋ค.๋ ธ์ ํ์ด์ง๋ก ์ฐ๊ฒฐ๋ฉ๋๋ค. ๋คํธ์ํฌ์ด์์ฒด์ ๋ฐ์ดํฐ๋ฒ ์ด์ค์๋ฃ๊ตฌ์กฐ์๊ณ ๋ฆฌ์ฆํ๋ก ํธ์๋ํ ์คํธ๊ฐ๋ฐ ๋ฐฉ๋ฒ๋ก ๊ธฐํ์ง๋ฌธ

“์์ ํด๋์ค๋ ๋ถ๋ชจ ํด๋์ค๋ก ๊ต์ฒดํด๋ ํ๋ก๊ทธ๋จ์ ๋์์ ๋ฌธ์ ๊ฐ ์์ด์ผ ํ๋ค”๋ฆฌ์ค์ฝํ ์นํ ์์น (Liskov Substitution Principle, LSP) ์ฃผ์ ํน์ง1. ์๋ธํ์ ์ ๋์ฒด ๊ฐ๋ฅ์ฑ์์ ํด๋์ค(์๋ธํ์ )๋ ๋ถ๋ชจ ํด๋์ค(์ํผํ์ )์ ์์ ํ ํธํ๋์ด์ผ ํ๋ฉฐ, ๋ถ๋ชจ ํด๋์ค ๋์ ์์ ํด๋์ค๋ฅผ ์ฌ์ฉํด๋ ํ๋ก๊ทธ๋จ์ด ์ ์์ ์ผ๋ก ๋์ํด์ผ ํฉ๋๋ค.์ฆ, ๋ถ๋ชจ ํด๋์ค์ ์ธ์คํด์ค๊ฐ ํ์ํ ๋ชจ๋ ๊ณณ์์ ์์ ํด๋์ค ์ธ์คํด์ค๋ฅผ ๋์ฒดํ ์ ์์ด์ผ ํฉ๋๋ค.2. ํ๋ ์ผ๊ด์ฑ ๋ณด์ฅ์์ ํด๋์ค๋ ๋ถ๋ชจ ํด๋์ค์ ํ๋(๋ฉ์๋)์ ๋ณ๊ฒฝํ๊ฑฐ๋ ์์ธ๋ฅผ ์ถ๊ฐํ์ง ์๊ณ , ๊ธฐ์กด์ ๊ณ์ฝ(Contract)์ ๊ทธ๋๋ก ๋ฐ๋ผ์ผ ํฉ๋๋ค.๋ถ๋ชจ ํด๋์ค๊ฐ ํน์ ์ ๋ ฅ์ ๋ํด ์์๋๋ ์ถ๋ ฅ์ ์ ๊ณตํ๋ฉด, ์์ ํด๋์ค๋ ๋์ผํ ์ ๋ ฅ์ ๋ํด ์ผ๊ด๋ ์ถ๋ ฅ์ ..