์ํด๋ฅผ ๋ง์ ์ง๊ธ ๋ด๊ฐ ํ๊ณ ์๋ ๊ณต๋ถ๊ฐ ์ด๋ ๋จ๊ณ์ธ์ง, ์์ผ๋ก ์ด๋๋ก ๋ฐฉํฅ์ ์ก๊ณ ๋ ๊ณต๋ถํด์ผ ํ ์ง ์์๋ณด๊ณ ์ถ์ด์ roadmap์ ๋ค์ ์ฐพ์๋ดค๋ค.
โ
๋ด๊ฐ ํ๊ณ ์ถ์ ๊ฐ๋ฐ์ ์ธ ๊ฐ์ง์ด๋ค.
1๋ฒ์ ๋ด๊ฐ ์ ํํ ์ ์๋ค. B2C์ฉ web site๋ฅผ ๋ง๋ค๊ฒ ๋ ์ง, B2B์ฉ web site๋ฅผ ๋ง๋ค๊ฒ ๋ ์ง, ์ ๋ง๋ก back office์์ ์ฌ์ฉํ๋ web site๋ฅผ ๋ง๋ค๊ฒ ๋ ์ง ๋ด๊ฐ ์ ํํ ์ ์์ ํ๋ฅ ์ด ๋๋ค. ๊ทธ๋ฌ๋ ๋๊ตฌ๋ฅผ ๋์์ผ๋ก ํ๋ web site์ด๊ฑด ์ง๊ธ๊น์ง ๋ฐฐ์ด ๊ฒ์ ๋ํด์ ์์ญ์ ํ์ฅํ๊ณ ์ญ๋์ ๋์ฌ์ผ ํ๋ค.
2๋ฒ์... ๋๋์ฑ ๋ด๊ฐ ์ ํํ ์ ์์ ํ๋ฅ ์ด ๋๋ค. ๋ ํผ์ ํ๊ณ ์ถ๋ค๊ณ ํด์ ํ๋ฉด ๋๋ ๋ถ์ผ๊ฐ ์๋ ๊ฒ ๊ฐ๋ค. ๋ง์ฝ ๋ด๊ฐ ์ด๋ค web site๋ฅผ ๊ฐ๋ฐํ๊ฒ ๋์๋๋ฐ ๊ฐ์ฌํ๊ฒ๋ ๋ด๋ถ ๊ฒฐ์ ์ ๋ฐ๋ผ web ์ ๊ทผ์ฑ guide๋ฅผ ์ค์ํ๊ธฐ๋ก ๊ฒฐ์ ํ๋ค๋ฉด ๋๋ฃ๋ค๊ณผ ํจ๊ป ๋ง๋ค์ด๊ฐ ์ ์์ ๊ฒ ๊ฐ๋ค. ์ด๋ฅผ ๋๋นํด์ ๊ด์ฌ์ ๋์ ๋์ง ์์์ผ์ง.
3๋ฒ์ ๋ด๊ฐ BE์ ์นํ(?) ์ด์ ์ถ์ ์์๋ FE๋ฅผ ์ ํํ ๊ณ๊ธฐ ์ค ํ๋์ธ๋ฐ, ๋ง์ tech tree๋ฅผ ๋ณด๋ฉด ํด๋น ๋ด์ฉ์ ์ฐพ๊ธฐ๊ฐ ์ด๋ ต๋ค. WebGL, Three.js, Canvas ์ด๋ฐ ๊ฒ ํ๋๋ ์ ํ์์ง ์์์ ์ด์ชฝ์ผ๋ก career๋ฅผ ์๋ ์ฌ๋์ด ๊ทธ๋ ๊ฒ ์ ์ ๊ฑด์ง, ์๋๋ฉด vision์ด ์์ด์ ์ถ์ฒ์ ํ์ง ์๋ ๊ฑด์ง ๊ถ๊ธํ๋ค. ํ์ง๋ง ์ฅ๋์ฑ๊ณผ ์๊ด์์ด ๋ ์ด๋ฐ website๋ฅผ ๋ง๋ค๊ณ ์ถ๋ค. ๊ฐ์น ์๋ brand๋ฅผ ํ๋ฉด์ ์ ๊ตฌํํด์ ๋ง์ ์ฌ๋๋ค์๊ฒ ์ ๋ฌํ๋ ์ผ์ ํ๊ณ ์ถ๋ค.
ํ์ง๋ง ํ์ค์ ์์ง ๊ฐ๋ฐ์ ์ง๋ง์...!
์ผ๋จ ๋ ๊ฐ๋ฐ์๊ฐ ๋๋ ๊ฒ ๋จผ์ ๋๊น HTML, CSS, JS, React ๊ณ์ ํ์ตํ๊ณ ํด๋ณด๊ณ ์ถ์๋ Three, ๊ผญ ํด์ผ ํ๋ TS ๊ทธ๋ฆฌ๊ณ ์ํ ๊ด๋ฆฌ, Vue ์์๋ก ๊ณต๋ถํด ๋ด์ผ๊ฒ ๋ค.