728x90 ์ ์ฒด ๊ธ62 ์น ์ฑ๋ฅ ์ต์ ํ๋ฅผ ์ํ 10๊ฐ์ง ํ์ ๊ธฐ๋ฒ ์ด๋ฏธ์ง ์ต์ ํ์ค๋ช ์ด๋ฏธ์ง๋ ์น ํ์ด์ง์์ ํฐ ๋ถ๋ถ์ ์ฐจ์งํ๋ฉฐ, ์ต์ ํ๋์ง ์์ ์ด๋ฏธ์ง๋ ๋ก๋ฉ ์๊ฐ์ ์ง์ฐ์ํฌ ์ ์์ต๋๋ค.์ต์ ํ ๋ฐฉ๋ฒ์ ์ ํ ํ์ ์ ํ: JPEG๋ ์ฌ์ง์, PNG๋ ํฌ๋ช ๋๊ฐ ํ์ํ ์ด๋ฏธ์ง์ ์ฌ์ฉ.์ด๋ฏธ์ง ์์ถ: TinyPNG, ImageOptim๊ณผ ๊ฐ์ ๋๊ตฌ๋ฅผ ์ฌ์ฉํด ์ด๋ฏธ์ง ํ์ผ ํฌ๊ธฐ ์ถ์.๋ฐ์ํ ์ด๋ฏธ์ง ์ฌ์ฉ: srcset ์์ฑ์ ์ฌ์ฉํด ๋ค์ํ ํด์๋์ ๋ง๋ ์ด๋ฏธ์ง๋ฅผ ์ ๊ณต. ์ฝ๋ ์คํ๋ฆฌํ ์ค๋ช ์ฝ๋ ์คํ๋ฆฌํ ์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฝ๋๋ฅผ ์ฌ๋ฌ ๊ฐ์ ์์ ๋ฒ๋ค๋ก ๋ถํ ํ์ฌ ํ์ํ ๋ถ๋ถ๋ง ๋ก๋ํ๋๋ก ํ๋ ๊ธฐ๋ฒ์ ๋๋ค.์ต์ ํ ๋ฐฉ๋ฒWebpack ์ฌ์ฉ: Webpack์ Dynamic Imports๋ฅผ ํ์ฉํด ์ฝ๋ ์คํ๋ฆฌํ ๊ตฌํ.React.lazy์ Suspense ์ฌ์ฉ: React ์ ํ๋ฆฌ์ผ์ด์ ์์ ์ปดํฌ๋ํธ ๋จ์๋ก ์ฝ.. 2024. 7. 2. 2024๋ ์ต์ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ ์์ํฌ ๋น๊ต: React vs Angular vs Vue.js vs Svelte React๊ฐ์React๋ Facebook์์ ๊ฐ๋ฐํ ํ๋ก ํธ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก, ๋น ๋ฅด๊ณ ํจ์จ์ ์ธ UI ๋น๋๋ฅผ ์ํด ์ฌ์ฉ๋ฉ๋๋ค. ๊ฐ์ DOM(Virtual DOM)๊ณผ ๋จ๋ฐฉํฅ ๋ฐ์ดํฐ ํ๋ฆ์ ํน์ง์ผ๋ก ํฉ๋๋ค.์ฃผ์ ํน์ง์ปดํฌ๋ํธ ๊ธฐ๋ฐ ์ํคํ ์ฒ: ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ UI ์ปดํฌ๋ํธ ์์ฑVirtual DOM: ์ฑ๋ฅ ์ต์ ํํ๋ถํ ์ํ๊ณ: Redux, React Router ๋ฑ์ฅ์ ๊ฐ๋ ฅํ ์ปค๋ฎค๋ํฐ: ํ๋ถํ ์๋ฃ์ ํํ ๋ฆฌ์ผ์ ์ฐ์ฑ: ๋ค์ํ ํ๋ก์ ํธ์ ์ ์ฉ ๊ฐ๋ฅํผํฌ๋จผ์ค: ํจ์จ์ ์ธ ์ ๋ฐ์ดํธ๋จ์ ์ด๊ธฐ ์ค์ ๋ณต์ก์ฑ: ์ด๋ณด์์๊ฒ ์ด๋ ค์ธ ์ ์์JSX ๋ฌธ๋ฒ: HTML๊ณผ ์๋ฐ์คํฌ๋ฆฝํธ์ ํผํฉ์ฌ์ฉ ์ฌ๋กFacebookInstagramAirbnbAngular๊ฐ์Angular๋ Google์์ ๊ฐ๋ฐํ ํ๋ ์์ํฌ๋ก, Typescript ๊ธฐ๋ฐ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ .. 2024. 6. 20. ์ฌ์ด๋ฒ ๋ณด์: ์ค๋๋ ์ ํ์ ์์ ์ฅ์น ๋์งํธ ์๋์ ์ ์ด๋ค๋ฉด์ ์ฌ์ด๋ฒ ๋ณด์์ ์ ์ ๋ ์ค์ํด์ง๊ณ ์์ต๋๋ค. ๊ฐ์ธ ์ ๋ณด ์ ์ถ, ์ ์ฑ ์ํํธ์จ์ด, ์ฌ์ด๋ฒ ๊ณต๊ฒฉ ๋ฑ ๋ค์ํ ์ํ์ ๋๋นํ๊ธฐ ์ํด ์ด๋ค ์กฐ์น๋ฅผ ์ทจํด์ผ ํ ๊น์? ์ด ๋ธ๋ก๊ทธ์์๋ ์ฌ์ด๋ฒ ๋ณด์์ ์ค์์ฑ๊ณผ ์ค์ ๋๋น ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค. 1. ์ฌ์ด๋ฒ ๊ณต๊ฒฉ์ ํ์ค ํ๋์ ๋น์ฆ๋์ค์ ๊ฐ์ธ์ ์ธํฐ๋ท์ ํตํด ์ฐ๊ฒฐ๋์ด ์์ผ๋ฉฐ, ์ด๋ ์ฌ์ด๋ฒ ๊ณต๊ฒฉ์๋ค์๊ฒ ์ทจ์ฝํ ์ง์ ์ ์ ๊ณตํฉ๋๋ค. ํดํน, ๋์ฌ์จ์ด, ํผ์ฑ ๋ฑ ๋ค์ํ ์ฌ์ด๋ฒ ๊ณต๊ฒฉ ํํ๊ฐ ์กด์ฌํ๋ฉฐ, ์ด๋ก ์ธํด ํฐ ํผํด๋ฅผ ์ ๋ ๊ฒฝ์ฐ๊ฐ ๋น๋ฒํฉ๋๋ค. 2. ๊ฐ์ธ ๋ณด์ ์ต๊ด ์ฌ์ด๋ฒ ๊ณต๊ฒฉ์ ๋๋นํ๊ธฐ ์ํด ๊ฐ์ธ์ ๊ฐ๋จํ ์์ ์์น์ ๋ฐ๋ผ์ผ ํฉ๋๋ค. ๊ฐ๋ ฅํ ์ํธ ์ฌ์ฉ, ์ ๊ธฐ์ ์ธ ๋น๋ฐ๋ฒํธ ๋ณ๊ฒฝ, ์ด๋ฉ์ผ ์ฒจ๋ถ ํ์ผ ์ฃผ์ ๋ฑ์ ์ต๊ด์ ํตํด ๊ฐ์ธ ์ ๋ณด๋ฅผ ์์ ํ๊ฒ ์ ์งํ ์.. 2024. 3. 7. ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ: ํจ์จ์ฑ๊ณผ ํ์ฅ์ฑ์ ๊ณ ๋ คํ ์ค๊ณ ๋ฐฉ๋ฒ ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ํด๋ผ์ฐ๋ ํ๊ฒฝ์์์ ์ต์ ํ๋ ์ฑ๋ฅ๊ณผ ์ ์ฐ์ฑ์ ํ๋ณดํ๊ธฐ ์ํ ์ค์ํ ๋จ๊ณ์ ๋๋ค. ์ด ๋ธ๋ก๊ทธ์์๋ ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ค๊ณํ๊ณ ๊ฐ๋ฐํ๋ ๋ฐฉ๋ฒ๊ณผ ์ฃผ์์ฌํญ์ ๋ํด ๋ค๋ค๋ณด๊ฒ ์ต๋๋ค. 1. ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ํน์ง 1.1. ๋ง์ดํฌ๋ก์๋น์ค ์ํคํ ์ฒ ์๋น์ค ๋ถ๋ฆฌ: ๊ฐ ๊ธฐ๋ฅ์ ๋ ๋ฆฝ์ ์ธ ์์ ์๋น์ค๋ก ๋ถ๋ฆฌํ์ฌ ๊ฐ๋ฐ, ๋ฐฐํฌ, ํ์ฅ, ์ ์ง๋ณด์๊ฐ ์ฉ์ดํ๋๋ก ํฉ๋๋ค. ๋์ปค์ ์ฟ ๋ฒ๋คํฐ์ค ํ์ฉ: ๋์ปค ์ปจํ ์ด๋์ ์ฟ ๋ฒ๋คํฐ์ค๋ฅผ ํตํด ๋ง์ดํฌ๋ก์๋น์ค๋ฅผ ํจ๊ณผ์ ์ผ๋ก ๊ด๋ฆฌํ๊ณ ๋ฐฐํฌํฉ๋๋ค. 1.2. ์๋ํ๋ ์ธํ๋ผ ์ธํ๋ผ์คํธ๋ญ์ฒ ์ฝ๋ (IaC): ํด๋ผ์ฐ๋ ๋ฆฌ์์ค๋ฅผ ์ฝ๋๋ก ์ ์ํ๊ณ ๊ด๋ฆฌํ์ฌ ์ธํ๋ผ ํ๋ก๋น์ ๋์ ์๋ํํฉ๋๋ค. ์๋ ์ค์ผ์ผ๋ง: ํธ๋ํฝ์ ๋ฐ๋ผ ์๋์ผ๋ก ์ธํ๋ผ๋ฅผ ํ์ฅ ๋๋ ์ถ์์.. 2024. 2. 15. ํด๋ผ์ฐ๋ ๋น์ฉ ์ต์ ํ: ๋น์ฆ๋์ค์ ์ง์ ๊ฐ๋ฅํ ์ฑ์ฅ์ ์ํ ์ ๋ต ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ ์ธํ๋ผ๋ฅผ ํ์ฉํ๋ฉด์ ์ค์ํ ๊ณ ๋ ค์ฌํญ ์ค ํ๋๋ ๋น์ฉ ์ต์ ํ์ ๋๋ค. ์ด ๋ธ๋ก๊ทธ์์๋ ํด๋ผ์ฐ๋ ๋น์ฉ ์ต์ ํ์ ํต์ฌ ๊ฐ๋ ๊ณผ ํจ๊ณผ์ ์ธ ์ ๋ต์ ๋ํด ์์ธํ ์์๋ณด๊ฒ ์ต๋๋ค. 1. ํด๋ผ์ฐ๋ ๋น์ฉ ์ต์ ํ์ ๊ฐ๋ ํด๋ผ์ฐ๋ ๋น์ฉ ์ต์ ํ๋ ๊ธฐ์ ์ด ํด๋ผ์ฐ๋ ์๋น์ค๋ฅผ ํจ์จ์ ์ผ๋ก ์ด์ฉํ์ฌ ๋์ ์ฑ๋ฅ์ ์ ์งํ๋ฉด์๋ ๋น์ฉ์ ์ต์ํํ๋ ์ ๋ต์ ์๋ฏธํฉ๋๋ค. ์ด๋ ๋ค์ํ ์ธก๋ฉด์์ ๊ณ ๋ ค๋์ด์ผ ํฉ๋๋ค. 1.1 ์์ ํ ๋น ๋ฐ ํฌ๊ธฐ ์กฐ์ ํ๋ ฅ์ ์ธ ์ค์ผ์ผ๋ง: ์๋ฒ ๋ฐ ๋ฆฌ์์ค๋ฅผ ํ์์ ๋ฐ๋ผ ์๋์ผ๋ก ์กฐ์ ํ์ฌ ์ฌ์ฉ๋์ ๋ฐ๋ผ ์ต์ ํ๋ ์์์ ํ ๋นํฉ๋๋ค. ์ฌ๋ฐ๋ฅธ ์ธ์คํด์ค ํฌ๊ธฐ ์ ํ: ์ ํ๋ฆฌ์ผ์ด์ ์ ์๊ตฌ์ ๋ง๋ ์ ์ ํ ๊ฐ์ ๋จธ์ ํฌ๊ธฐ๋ฅผ ์ ํํ์ฌ ๋ญ๋น๋ฅผ ๋ฐฉ์งํฉ๋๋ค. 1.2 ์์ฝ ์ธ์คํด์ค ๋ฐ ์ปค๋ฐ๋ ๋ฆฌ์์ค ์์ฝ ์ธ์คํด์ค ํ์ฉ: ์ผ์ ๊ธฐ๊ฐ ๋์.. 2024. 2. 13. ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ DevOps ๊ตฌํ: ํ๋ ์ํํธ์จ์ด ๊ฐ๋ฐ์ ํต์ฌ ์ ๋ต ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ DevOps๋ ์ํํธ์จ์ด ๊ฐ๋ฐ๊ณผ ์ด์์ ๊ฐ๊ทน์ ์ค์ด๊ณ , ์ง์์ ํตํฉ๊ณผ ๋ฐฐํฌ๋ฅผ ํตํด ๊ฐ๋ฐ ์ฃผ๊ธฐ๋ฅผ ๋จ์ถํ๋ ํต์ฌ ์ ๋ต์ ๋๋ค. ์ด ๋ธ๋ก๊ทธ์์๋ ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ DevOps๋ฅผ ๊ตฌํํ๊ธฐ ์ํ ํต์ฌ ๊ฐ๋ ๊ณผ ์ค์ ๊ตฌํ ๋ฐฉ๋ฒ์ ๋ํด ์ดํด๋ณด๊ฒ ์ต๋๋ค. โป DevOps: ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ์๋น์ค๋ฅผ ๋น ๋ฅธ ์๋๋ก ์ ๊ณตํ ์ ์๋๋ก ์กฐ์ง์ ์ญ๋์ ํฅ์์ํค๋ ๋ฌธํ ์ฒ ํ, ๋ฐฉ์ ๋ฐ ๋๊ตฌ์ ์กฐํฉ 1. ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ DevOps์ ํต์ฌ ๊ฐ๋ 1.1 ์๋ํ ์ง์์ ํตํฉ (CI): ๊ฐ๋ฐ์์ ๋ณ๊ฒฝ ์ฌํญ์ด ์๋์ผ๋ก ํตํฉ๋๊ณ ํ ์คํธ๋๋ ํ๋ก์ธ์ค๋ฅผ ๊ตฌ์ถํฉ๋๋ค. ์ง์์ ๋ฐฐํฌ (CD): ์๋ํ๋ ํ ์คํธ๋ฅผ ํต๊ณผํ ๋ณ๊ฒฝ ์ฌํญ์ด ์๋์ผ๋ก ํ๋ก๋์ ํ๊ฒฝ์ ๋ฐฐํฌ๋๋๋ก ํ๋ ํ๋ก์ธ์ค๋ฅผ ํฌํจํฉ๋๋ค. 1.2 ์ปจํ ์ด๋ํ ๋์ปค ํ์ฉ: ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ์ข ์.. 2024. 2. 8. ํด๋ผ์ฐ๋ ๋ง์ด๊ทธ๋ ์ด์ : ์์ ํ๊ณ ํจ๊ณผ์ ์ธ ์ ๋ต ํด๋ผ์ฐ๋ ๋ง์ด๊ทธ๋ ์ด์ ์ ๊ธฐ์ ์ด ์จํ๋ ๋ฏธ์ค ํ๊ฒฝ์์ ํด๋ผ์ฐ๋๋ก์ ์ ํ์ ์ํ ํต์ฌ์ ์ธ ๋จ๊ณ ์ค ํ๋์ ๋๋ค. ์ด ๊ธ์์๋ ํด๋ผ์ฐ๋ ๋ง์ด๊ทธ๋ ์ด์ ์ ํต์ฌ ๊ฐ๋ ๊ณผ ํจ๊ณผ์ ์ธ ์ ๋ต์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค. 1. ํด๋ผ์ฐ๋ ๋ง์ด๊ทธ๋ ์ด์ ์ ๊ฐ๋ ํด๋ผ์ฐ๋ ๋ง์ด๊ทธ๋ ์ด์ ์ ๊ธฐ์กด์ ์จํ๋ ๋ฏธ์ค ์ธํ๋ผ์์ ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ ์ธํ๋ผ๋ก์ ์ด์ ์ ์๋ฏธํฉ๋๋ค. ์ด๋ก์จ ๊ธฐ์ ์ ํด๋ผ์ฐ๋์ ์ ์ฐ์ฑ, ํ์ฅ์ฑ, ๋น์ฉ ํจ์จ์ฑ์ ๊ฒฝํํ๋ฉฐ ํ๋์ ์ธ IT ์ธํ๋ผ๋ก์ ์ ํ์ ์ด๋ฃฐ ์ ์์ต๋๋ค. 1.1 ๋ฆฌํํธ ์ค ์ฌํํธ vs. ๋ฆฌํฌ์ง์ ๋ ๋ฆฌํํธ ์ค ์ฌํํธ (Lift and Shift): ๊ธฐ์กด ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ๋ฐ์ดํฐ๋ฅผ ๊ฑฐ์ ๋ณ๊ฒฝ ์์ด ํด๋ผ์ฐ๋๋ก ์ด์ ํ๋ ๋ฐฉ๋ฒ. ์ด๊ธฐ ๋น์ฉ๊ณผ ์๊ฐ์ ์ ์ฝํ ์ ์์ง๋ง ํด๋ผ์ฐ๋์ ์ด์ ์ ์ต๋ํ ํ์ฉํ์ง ๋ชปํ ์ ์์. ๋ฆฌํฌ์ง์ ๋ (Rep.. 2024. 2. 7. ๋ฉํฐ ํด๋ผ์ฐ๋: ํ๋ ๊ธฐ์ ์ ์ ๋ต์ ์ ํ ๋ฉํฐ ํด๋ผ์ฐ๋๋ ํ๋ ๊ธฐ์ ์ด ๋ค์ํ ํด๋ผ์ฐ๋ ์ ๊ณต์ ์ฒด๋ฅผ ํ์ฉํ๋ ์ ๋ต์ผ๋ก ์ฃผ๋ชฉ๋ฐ๊ณ ์์ต๋๋ค. ์ด ๊ธ์์๋ ๋ฉํฐ ํด๋ผ์ฐ๋์ ๊ฐ๋ ๊ณผ ํจ๊ณผ์ ์ธ ์ ๋ต์ ๋ํด ํ๊ตฌํด๋ณด๊ฒ ์ต๋๋ค. 1. ๋ฉํฐ ํด๋ผ์ฐ๋์ ๊ฐ๋ ๋ฉํฐ ํด๋ผ์ฐ๋๋ ๊ธฐ์ ์ด ๋จ์ผ ํด๋ผ์ฐ๋ ์ ๊ณต์ ์ฒด๊ฐ ์๋ ์ฌ๋ฌ ํด๋ผ์ฐ๋ ์ ๊ณต์ ์ฒด์ ์๋น์ค๋ฅผ ํ์ฉํ๋ ์ ๋ต์ ์๋ฏธํฉ๋๋ค. ์ด๋ ๋ค์ํ ์ด์ ์ ์ ๊ณตํ๋ฉฐ, ์ฃผ์ ๊ฐ๋ ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. 1.1 ์ ์ฐ์ฑ๊ณผ ์์ ์ฑ ๋ฉํฐ ํด๋ผ์ฐ๋๋ ์ฌ๋ฌ ์ ๊ณต์ ์ฒด ๊ฐ์ ์๋น์ค๋ฅผ ๋ถ์ฐํ์ฌ ์์ ์ฑ์ ํฅ์์ํค๊ณ , ํน์ ์ ๊ณต์ ์ฒด์ ์ข ์๋์ง ์๊ณ ์ ์ฐํ๊ฒ ๋ฆฌ์์ค๋ฅผ ์ฌ์ฉํ ์ ์๋ ์ฅ์ ์ ์ ๊ณตํฉ๋๋ค. 1.2 ๋น์ฉ ํจ์จ์ฑ ์ฌ๋ฌ ํด๋ผ์ฐ๋ ์ ๊ณต์ ์ฒด ๊ฐ์ ๊ฒฝ์์ผ๋ก ์ธํด ๋น์ฉ ํจ์จ์ฑ์ด ์ฆ๊ฐํฉ๋๋ค. ๊ฐ ์ ๊ณต์ ์ฒด์ ๊ฐ์ ์ ํ์ฉํ์ฌ ์ต์ ์ ๊ฐ๊ฒฉ ๋๋น ์ฑ๋ฅ์ ์ป์ ์ ์์ต.. 2024. 2. 5. ํด๋ผ์ฐ๋ ๋ณด์: ๊ฐ๋ ๊ณผ ํจ๊ณผ์ ์ธ ์ ๋ต ํด๋ผ์ฐ๋ ๋ณด์์ ํ๋ ๋น์ฆ๋์ค์์ ํต์ฌ์ ์ธ ์ด์ ์ค ํ๋๋ก ๋ถ์ํ๊ณ ์์ต๋๋ค. ์ด ๊ธ์์๋ ํด๋ผ์ฐ๋ ๋ณด์์ ๊ธฐ๋ณธ ๊ฐ๋ ๊ณผ ํจ๊ณผ์ ์ธ ์ ๋ต์ ๋ํด ์์ธํ ์์๋ณด๊ฒ ์ต๋๋ค. 1. ํด๋ผ์ฐ๋ ๋ณด์์ ๊ฐ๋ ํด๋ผ์ฐ๋ ๋ณด์์ ํด๋ผ์ฐ๋ ํ๊ฒฝ์์์ ๋ฐ์ดํฐ, ๋คํธ์ํฌ, ์์คํ ๋ฑ์ ๋ณดํธํ๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค. ์ด๋ ์จํ๋ ๋ฏธ์ค ํ๊ฒฝ๊ณผ๋ ๋ค๋ฅธ ๋ ํนํ ๋์ ๊ณผ์ ๋ฅผ ๊ฐ์ง๊ณ ์์ผ๋ฉฐ, ์ฃผ์ํ ๊ฐ๋ ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. 1.1 ๊ณต์ ์ฑ ์ ๋ชจ๋ธ ํด๋ผ์ฐ๋ ์๋น์ค ์ ๊ณต์ ์ฒด์ ์ฌ์ฉ์ ๊ฐ์๋ ๊ณต์ ์ฑ ์ ๋ชจ๋ธ์ด ์กด์ฌํฉ๋๋ค. ๊ธฐ๋ณธ์ ์ผ๋ก ํด๋ผ์ฐ๋ ์ ๊ณต์ ์ฒด๋ ์ธํ๋ผ์ ๋คํธ์ํฌ๋ฅผ ๋ณดํธํ๊ณ , ์ฌ์ฉ์๋ ์์ฒด ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ๋ฐ์ดํฐ๋ฅผ ๋ณดํธํด์ผ ํฉ๋๋ค. 1.2 ๋ฐ์ดํฐ ์ํธํ ๋ฐ์ดํฐ ์ํธํ๋ ํด๋ผ์ฐ๋์์ ์ ์ฅ๋๋ ๋ฐ์ดํฐ์ ๋ณด์์ ๊ฐํํ๋ ํต์ฌ์ ์ธ ์์์ ๋๋ค. ์ด๋ ๋ฐ์ดํฐ๊ฐ.. 2024. 2. 2. ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ ๊ธฐ์ : ๊ฐ๋ ๊ณผ ํ์ฉ ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ ๊ธฐ์ ์ ํ๋ ์ํํธ์จ์ด ๊ฐ๋ฐ ๋ฐ ์ด์์์ ํต์ฌ์ ์ธ ์ญํ ์ ํ๊ณ ์์ต๋๋ค. ์ด ๊ธ์์๋ ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ์ ํต์ฌ ๊ฐ๋ ๊ณผ ์ค์ ํ์ฉ ์ฌ๋ก์ ๋ํด ์ดํด๋ณด๊ฒ ์ต๋๋ค. 1. ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ์ ๊ฐ๋ ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ํด๋ผ์ฐ๋ ํ๊ฒฝ์์ ์ํํ๊ฒ ๊ฐ๋ฐ, ๋ฐฐํฌ, ์ด์ํ๋ ๋ฐฉ์์ ์ง์นญํฉ๋๋ค. ์ด๋ ๊ธฐ์กด์ ์จํ๋ ๋ฏธ์ค ํ๊ฒฝ๊ณผ๋ ๋ค๋ฅด๊ฒ, ํด๋ผ์ฐ๋์ ์ด์ ์ ์ต๋ํ ํ์ฉํ๋ ๊ฐ๋ฐ ๋ฐฉ๋ฒ๋ก ์ ์๋ฏธํฉ๋๋ค. 1.1 ์ปจํ ์ด๋ํ ์ปจํ ์ด๋๋ ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ ํ์ํ ์ข ์์ฑ์ ํจํค์งํํ๋ ๊ธฐ์ ๋ก, ํด๋ผ์ฐ๋ ๋ค์ดํฐ๋ธ์์ ํต์ฌ์ ์ธ ์ญํ ์ ํฉ๋๋ค. Docker์ Kubernetes ๋ฑ์ ์ปจํ ์ด๋ ์ค์ผ์คํธ๋ ์ด์ ํด์ ์ฌ์ฉํ์ฌ ์ ํ๋ฆฌ์ผ์ด์ ์ ํจ์จ์ ์ผ๋ก ๊ด๋ฆฌํ ์ ์์ต๋๋ค. 1.2 ์๋ฒ๋ฆฌ์ค ์ํคํ ์ฒ ์๋ฒ๋ฆฌ์ค ์ปดํจํ ์ ์ ํ๋ฆฌ์ผ.. 2024. 2. 1. bower ์ค์นํ๋ ๋ฒ (bower install) 1. ์ ์ผ ๋จผ์ ์์คํ ์ Node.js , npm์ด ์ค์น๋์ด์์ด์ผํจ. ์ดํ npm์ ์ฌ์ฉํ์ฌ bower ์ค์น. npm install -g bower 2. ํ๋ก์ ํธ ๋๋ ํ ๋ฆฌ๋ก ์ด๋ํด์ผํจ. bower๋ฅผ ์ค์นํ๊ณ ์ ํ๋ ๋๋ ํ ๋ฆฌ๋ก ์ด๋ cd my_project 3. bower ์ด๊ธฐํ๋ฅผ ํด์ฃผ๋ฉฐ 'bower.json' ํ์ผ์ ์์ฑํจ bower init ๋ช๊ฐ์ง ์ง๋ฌธ๋ค์ด ๋์ค๋๋ฐ ๋๋ต ์ํด์ฃผ๋ฉด ๋จ. name (your_project_name): ํ๋ก์ ํธ์ ์ด๋ฆ์ ์ง์ ํ๋ ์ง๋ฌธ์ผ๋ก ๊ธฐ๋ณธ๊ฐ์ ํ๋ก์ ํธ ๋๋ ํ ๋ฆฌ ์ด๋ฆ์. description: ํ๋ก์ ํธ์ ๋ํ ๊ฐ๋จํ ์ค๋ช ์ ์๊ตฌํ๋ ์ง๋ฌธ์ผ๋ก ํ๋ก์ ํธ์ ๋ํ ๊ฐ๋ตํ ์ค๋ช ์ ์ ๋ ฅํ๋ฉด ๋จ. main file: ํ๋ก์ ํธ์ ์ฃผ์ ํ์ผ์ ์ง์ ํ๋ ์ง๋ฌธ์ผ๋ก ๋ index.js๋ก ์ค์ ํจ.. 2024. 1. 31. React v17 ์ถ์ ์์๊ณผ ์ฃผ์ ์ ๋ฐ์ดํธ React์ ์๋ก์ด ๋ฒ์ ์ธ v17์ ๋ํ ์์์ ํจ๊ป ์์๋ณด๋ ค๊ณ ํฉ๋๋ค. React ํ์ ์๋ก์ด ์ ๋ฐ์ดํธ๋ฅผ ํตํด ๊ฐ๋ฐ์๋ค์๊ฒ ๋ ๋์ ๊ฒฝํ์ ์ ๊ณตํ๊ณ ์ ๋ ธ๋ ฅํ๊ณ ์์ต๋๋ค. 1. ๋ฆฌ์กํธ v17 ์๊ฐ React v17์ ์ด๋ฒ ์ ๋ฐ์ดํธ์์ ์ฃผ๋ชฉํ ๋งํ ๋ช ๊ฐ์ง ๋ณํ๊ฐ ์์ต๋๋ค. ์ฝ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ฃผ์ ๊ธฐ๋ฅ๋ค์ ๋ํ ๊ฐ๋จํ ์๊ฐ๋ถํฐ ์์ํ๊ฒ ์ต๋๋ค. React v17์ ๊ธฐ์กด์ ์ฃผ์ ๋ณํ ์์ด๋ ์๋ก์ด API ์ถ๊ฐ์ ํจ๊ป ์์ ์ฑ๊ณผ ์ฑ๋ฅ ํฅ์์ ์ค์ ์ผ๋ก ๋๊ณ ์์ต๋๋ค. ์๋ก์ด ๋ฒ์ ์ ์ด์ ๊ณผ์ ํ์ ํธํ์ฑ์ ์ ์งํ๋ฉด์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ทธ๋ ์ด๋๋ฅผ ์ฝ๊ฒ ๋ง๋ค์ด์ค๋๋ค. 2. ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ทธ๋ ์ด๋ ๊ฐ์ด๋ ๊ธฐ์กด์ React ์ ํ๋ฆฌ์ผ์ด์ ์ v17๋ก ์ ๊ทธ๋ ์ด๋ํ๋ ๊ณผ์ ์ ๋ํด์ ์์๋ด ์๋ค. ์ ๊ทธ๋ ์ด๋ ๊ณผ์ ์์ ์ฃผ์ํด์ผ ํ ์ ๊ณผ ์ฃผ.. 2024. 1. 30. ์ด์ 1 2 3 4 ยทยทยท 6 ๋ค์ 728x90 ๋ฐ์ํ