๐ฉโ๐ปย ์กฐ์์ (Seoyoung Jo)
๐ 010-2665-8189
โ๏ธ [email protected]
๐ https://github.com/Seo00000
๐ https://dev-log-0.tistory.com/
4๋ ์ฐจ ์น ๊ฐ๋ฐ์๋ก ํ๋ก ํธ์๋๋ผ๋ ํฌ์ง์ ์ ์ ํ๊ณ ์ผํ์ง๋ 2๋ ์ ๋ ๋์ต๋๋ค. ํ์ฌ์์ ์ฌ์ ์์ด ์ผํ ๊ฒฝํ์ด ๋ง์ผ๋ฉฐ, UX์ ๊ธฐํ์ ๋ํด ๊ด์ฌ์ด ์๊ธด ํ ์คํฐ๋๋ฅผ ํตํด ์ ๋ฌธํ์ฌ ํ์ฌ๋ ํ์ฌ์์ ๊ธฐํ ํํธ์๋ ์ฐธ์ฌํ๊ณ ์์ต๋๋ค.
CSR ๊ตฌ์กฐ์ React ์ฝ๋๋ฅผ ์ฃผ๋ก ์์ ํ๊ณ ์์ต๋๋ค. Next.js๋ฅผ ์ฌ์ฉํด SSR๋ก ์ด๋ฃจ์ด์ง ํ๋ก์ ํธ๋ ๋์ด๋ฒ ๊ฒฝํํด๋ดค๊ณ ํ์ฌ ์ฌ์ง์ค์ธ ํ์ฌ์์ Next.js๋ฅผ ์ฌ์ฉํด ๊ฐ๋ฐ ๋ฐ ๋ฐ์นญํ์ต๋๋ค. ๊ฐ์ธ์ ์ผ๋ก๋ ๊ณต๋ถํ๋ ๊ฒ์ ์ข์ํ๊ณ , ํ์ฌ์์ ์ฌ์ฉํ๋ ์ธ์ด์ ๊ตญํ๋์ง ์๊ณ ์น ํ์คํ ๊ฐ๋ฐ์๋ฅผ ๋ชฉํ๋ก ๊ณต๋ถํ๊ธฐ ๋๋ฌธ์ Node.js, php(laravel), python ๊ณผ ๊ฐ์ ์ธ์ด๋ฅผ ์ฌ์ฉํ ๊ฐ๋ฐ๋ ๊ฐ๋ฅํฉ๋๋ค.
์ ๋ ๋ฌธ์ ์ ์ ์ฐพ์ ๊ฐ์ ํ ๋ฐฉ๋ฒ์ ํ์๋ค๊ณผ ํจ๊ป ๊ณ ๋ฏผํ๊ณ ํด๊ฒฐํด๋๊ฐ๋ ๊ณผ์ ์ ์ข์ํฉ๋๋ค. ์ด์๊ฐ ์๊ฒผ์ ๋ ๋จ์ํ ํผ์ ์ฒ๋ฆฌํด๋๊ณ ๋๋ด๋ ๋์ ํด๋น ์ด์ ์ฌํญ์ ๋ํด ์๊ฒฌ์ ๋๋๊ณ ํด๊ฒฐํ๋ ๊ณผ์ ์ ๊ฑฐ์น๋ ๊ฒ์ ์ข์ํฉ๋๋ค. ์ข ์ข ์ด๋ ค์ด ๋ถ๋ถ์ ๋งํ ๋๋๋๋ค๊ฐ๋ ๊ทธ ๋ถ๋ถ์ ๋์ด ํ์ธต ๋ ์ฑ์ฅํ๋ค๋ ๋๋์ด ๋ค ๋, ๊ทธ๋ฆฌ๊ณ ์์ ํ ๊ฒฐ๊ณผ๋ฌผ์ ๋ํด ๋ณด๋์ ๋๋ ๋ ๊ฐ๋ฐ์๋ผ๋ ์ง์ ์ ์ ํํ๊ธธ ์ํ๋ค๊ณ ๋๋๋๋ค.
ํ๋ก ํธ๋ก ์ ํฅํ์ง ์ผ๋ง ๋์ง ์์ ์ํ๋ก ํฐ์ง ํ์ฌ ๋ด๋ถ ์ด์๋ก ์ธํด ํ๋ค์ด ๊ณต๋ถ ๋ฐฉ์์ผ๋ก ์ค๋ฌด ํฌ์ ์ดํ, ์ด๋ฏธ ์์ฑ๋์ด ์๋ ํ๋ก์ ํธ์ mobx, class component, javascript ๊ตฌ์กฐ๋ก ๊ณต๋ถ๋ฅผ ์์ํ์ผ๋ ์ต๊ทผ์๋ ๊ฐ์ธ์ ์ผ๋ก recoil, functional component, typescript ํํ์ ๊ตฌ์กฐ๋ก ๊ณต๋ถ์ค์ ์์ต๋๋ค. ์ต๊ทผ์ ์ธํ๋ฐ์ด๋ ์ ํ๋ธ์ ์ฌ๋ผ์จ ๊ฐ์ ์์์ ํตํด ์ฐจ๊ทผํ ๊ธฐ์ด๋ฅผ ๋ค์ ธ๋๊ฐ๊ณ ์์ผ๋ฉฐ Svelte์ Recoil ๋ฑ์ ๊ธฐ์ ์คํ๋ค์ ๋ํด์๋ ๊ด์ฌ์ ๊ฐ์ง๊ณ ์์ต๋๋ค.