์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก์ ํธ์ ์ ์ฉํ๋ฉฐ ์ตํ๋,
์ฝ๊ณ ์ฌ๋ฐ๊ฒ ๋ฐฐ์ฐ๋ ํ์
์คํฌ๋ฆฝํธ ์
๋ฌธ!
์ธํ๋ฐ ๋์ ์๊ฐ์ 8,000๋ช
๋ํ ์ธ๊ธฐ ๊ฐ์
์บกํดํ๊ต ํ์
์คํฌ๋ฆฝํธ ์๋ฆฌ์ฆ, ์ฑ
์ผ๋ก ์ฌํ์!
2023 ใ์ฝ๊ฒ ์์ํ๋ ํ์
์คํฌ๋ฆฝํธใ ์ถ๊ฐ
์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋์ ํ์ง๊ณผ ๊ฐ๋ฐ ์์ฐ์ฑ์ ๋์ฌ์ฃผ๋ ํ์
์คํฌ๋ฆฝํธ, ๊ฐ์์ ํจ๊ป ์ฑ
์ผ๋ก ํ์ตํด๋ณด์ธ์!
๋์ ๋ณด๋ฌ ๊ฐ๊ธฐ >>
์ด์ , ํ์
์คํฌ๋ฆฝํธ ๋ฐฐ์ธ ์๊ฐ! ๐
ํ์
์คํฌ๋ฆฝํธ๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ ์ค๋ฌด์๋ผ๋ฉด ๊ผญ ์์์ผํ๋ ์ธ์ด์
๋๋ค. ๊ตฌํํ ๊ธฐ๋ฅ์์ ๋ฒ๊ทธ๊ฐ ๋ ๋์ค๊ฒ ๋์์ฃผ๊ณ , ์ ์ง ๋ณด์ ๊ด์ ์์๋ ์ฝ๋์ ์ญํ ์ ๋ ๋น ๋ฅด๊ฒ ํ์
ํ ์ ์์ต๋๋ค.
๊ทธ๋ผ์๋ ํ์
์คํฌ๋ฆฝํธ๋ ๋ง์ฐํ๊ฒ ๋๋ ค์์ ๋์์ด ๋๊ณ ์์ต๋๋ค. ํ์
์คํฌ๋ฆฝํธ์ ๊ณต์ ๋ฌธ์๊ฐ ๋ํดํ ๋ฟ๋ง ์๋๋ผ, ์ฝ๊ฒ ํ์ตํ ์ ์๋ ์๋ฃ๊ฐ ๋ง์ง ์๊ธฐ ๋๋ฌธ์
๋๋ค. ํน์ "์ต์ ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ต์ํ์ง ์์๋ฐ ํ์
์คํฌ๋ฆฝํธ๋ผ๋จ?"๋ผ๊ณ ์๊ฐํ์ค ์ ์์ต๋๋ค.
์ด ๊ฐ์๋ ์ต์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ชจ๋ฅด๋๋ผ๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ธฐ์ด์ ์ธ ๊ฐ๋
๋ง ์๊ณ ๊ณ์ ๋ถ๋ค๋ ํ์ตํ์ค์ ์๊ฒ ๊ตฌ์ฑ๋์์ต๋๋ค. ์งง์ ๊ฐ๋
์ค๋ช
๊ณผ ์ค์ต ์ค์ฌ์ ๊ฐ์๋ก ํ์
์คํฌ๋ฆฝํธ๋ฅผ ์ฌ๋ฐ๊ฒ ์
๋ฌธํ์ค ์ ์๋๋ก ๋์๋๋ฆด๊ฒ์.
๊ฐ์ ๊ตฌ์ฑ ๐
- ํ์
์คํฌ๋ฆฝํธ๋ฅผ ์ผ์ ๋์ ์ฅ์ ๊ณผ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์
์คํฌ๋ฆฝํธ์ฒ๋ผ ์ฝ๋ฉํ๋ ๋ฐฉ๋ฒ
- ํ์
์คํฌ๋ฆฝํธ์ ๊ธฐ๋ณธ ๊ฐ๋
(๊ธฐ๋ณธ ํ์
๋ถํฐ ์ ๋ค๋ฆญ, ๊ณ ๊ธ ํ์
๊น์ง)
- ์๋ฐ์คํฌ๋ฆฝํธ ํ๋ก์ ํธ์ ํ์
์คํฌ๋ฆฝํธ๋ฅผ ์ ์ง์ ์ผ๋ก ์ ์ฉํด๋๊ฐ๋ ๋ฐฉ๋ฒ
- ํ์
์คํฌ๋ฆฝํธ์ ๋ด๋ถ ๋์ ๋ฐฉ์๊ณผ ํ์
(Type) ์ถ๋ก ์ ์ด๋ค๋๊ฐ๋ ๊ณผ์
๊ฐ์์์ ๋ค๋ฃจ๋ ์ ํ๋ฆฌ์ผ์ด์
๋ค ๐ฒ
์ฌ๋ฌ๋ถ์ ํ์ต์ ์ฌ๋ฐ๊ฒ ํด์ค ํ๋ก์ ํธ๋ฅผ ์๊ฐํฉ๋๋ค.
(์ค์ต ํ๋ก์ ํธ 1 - ์ค์ต ํ๋ก์ ํธ 2)
์ค์ต ํ๋ก์ ํธ 1
ํ ์ผ ๊ด๋ฆฌ ์ ํ๋ฆฌ์ผ์ด์
(To-Do App)
์ค์ต ํ๋ก์ ํธ 2
์ ํ๋ฒํธ๋ถ ์ ํ๋ฆฌ์ผ์ด์
๊ฐ์ ๊ด๋ จ ์์ ์ง๋ฌธ ๐๐ปโโ๏ธ
Q. ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ต์ํ์ง ์์๋ฐ ๋ค์ด๋ ๋ ๊น์?
A. ์ด ๊ฐ์๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ธฐ์ด์ ์ธ ๊ฐ๋
(๋ณ์, ํจ์, ๊ฐ์ฒด, ๋ฐ๋ณต๋ฌธ, DOM ์กฐ์ ๋ฑ)์ ์๊ณ ๊ณ์ ๋ถ์ ๋์์ผ๋ก ๊ตฌ์ฑํ ๊ฐ์ข์
๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ์ ๊ธฐ๋ณธ ๋ฌธ๋ฒ์ ์ ํ ๋ชจ๋ฅด์๋ ๋ถ๋ค๊ป๋ ์ ํฉํ์ง ์์ ๊ฐ์ข๋ ์๋์ ์ฌ์ดํธ๋ก ์ ์ ํ์ต์ ํ์ ํ์ ์๊ฐํ์๋ ๊ฒ์ ์ถ์ฒ๋๋ฆฝ๋๋ค.
Q. ์ค๋ฌด์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ง์ผ๋ก๋ ์ ๊ฐ๋ฐํ๋๋ฐ ํ์
์คํฌ๋ฆฝํธ๋ ํ์ตํด์ผ ํ ๊น์?
๋ณต์กํ ์น ์ ํ๋ฆฌ์ผ์ด์
์ ์ฌ๋ฌ ๋ช
์ด์ ๊ฐ๋ฐํด๋ณด์ ๊ฒฝํ์ด ์๋ค๋ฉด ์๋ง ๋ฌธ์ํ๊ฐ ์ ๋ ์ฝ๋, ๊ฐ๋
์ฑ์ด ๋๊ณ ํ๋์ ์๋ฏธ๋ฅผ ํ์
ํ๊ธฐ ์ฌ์ด ์ฝ๋๋ฅผ ์ ํธํ์ค ๊ฑฐ๋ผ๊ณ ์๊ฐํฉ๋๋ค. ํ์
์คํฌ๋ฆฝํธ๋ ์ด๋ฌํ ์ฅ์ ๋ค์ ๊ทน๋ํ ์ํฌ๋ฟ๋ง ์๋๋ผ ์ฝ๋๋ฅผ ์ฝ๊ฒ ์์ฑํ๋๋ก ๋์์ฃผ๊ณ ํฅํ ์ ํ๋ฆฌ์ผ์ด์
์ ์คํํ์ ๋์ ๋ฒ๊ทธ๋ ๋ฏธ๋ฆฌ ์ค์ฌ์ค ์ ์์ต๋๋ค. ํ์ตํด ๋ณด์๋ฉด ๊ฐ๋ฐํ๋ ๊ฒ ๋ ํธํด์ง์ค ๊ฑฐ์์ ๐
Q. ์ด ๊ฐ์๋ฅผ ๋ค์ผ๋ฉด ๋ฐ๋ก ์ค๋ฌด์ ์ ์ฉํ ์ ์๋์?
๊ฐ์์ ์ ์ฒด์ ์ธ ํ๋ฆ์ ์ด๋ฏธ ๊ตฌํ๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋์ ์ ์ง์ ์ผ๋ก ํ์ตํ ๋ด์ฉ์ ์ ์ฉํ๋ฉด์ ํ์
์คํฌ๋ฆฝํธ ํ๋ก์ ํธ๋ก ๋ณํํด ๋๊ฐ๋ ๋ฐฉํฅ์ผ๋ก ์ค๊ณ๋์์ต๋๋ค. 2๊ฐ์ ์ค์ต ํ๋ก์ ํธ๋ฅผ ํตํด ๋ฐฐ์ด ๋ด์ฉ์ ์ค์ ํ๋ก์ ํธ์ ์ ์ฉํ ์ ์๋ ๊ฒฝํ๊ณผ ์์ ๊ฐ์ ๊ธฐ๋ฅผ ์ ์์ ๊ฒ๋๋ค.
Q. ๊ฐ์๋ฅผ ๋ฃ๊ธฐ ์ํด React๋ Vue๋ฅผ ์์์ผํ๋์?
React๋ Vue์ ๊ฐ์ ๋์ค์ ์ธ ํ๋ ์์ํฌ ์ง์์ด ์์ด๋ ์๊ฐํ์ค ์ ์์ต๋๋ค. ์ธ์ด์ ์ ๋ฐ์ ์ธ ๊ฐ๋
์ ์ก๋๋ฐ ์ง์คํ ๊ฐ์๋ผ ํ๋ ์์ํฌ ์ง์์ ์์ผ์
๋ ๋ฉ๋๋ค.t-end, javascript, typescript, FE
์ฐ๊ด ๋ก๋๋งต ๐
์ง์๊ณต์ ์ ์๊ฐ ๐จโ๐ซ
์บกํดํ๊ต
"์ธํ๋ฐ์ด ๋ง๋ ์ฌ๋" ์ธํฐ๋ทฐ
โ๊ฐ์ ์์ต์ผ๋ก Vue.js ์คํ์์ค +
์ํ์ฝ๋ฉ์ ํ์ํฉ๋๋ค ๐โ
๊ฐ์ ํ ์ธ์ ์ ๊ณตํฉ๋๋ค!
์๋ฆฌ์ฆ "Vue.js๋ก ์์ฑํ๋ ํ๋ก ํธ์๋
๊ฐ๋ฐ์ ๋ก๋๋งต" 25% ํ ์ธ (ํด๋ฆญ)
์์
์ด ์๋ ์คยท๊ณ ๋ฑํ์,
๋ํ์์ ์ํ ํ์ 50% ํ ์ธ (ํด๋ฆญ)