๐ ๊ฐ๋ฐ ๊ณต๋ถ 5๊ฐ์ ์ฐจ์ธ to-be ๊ฐ๋ฐ์์ ์์ต blog๐๏พ Nov 28 ~ Dec 4, 2021
UI๋ผ๊ณ ํ๋ฉด FE ๋จ์์ ๊ณ ๋ฏผํด์ผ ํ ๊ฒ ๊ฐ์๋ฐ, 'server driven' UI๋ผ๋ ๋ง์ ๋ด์ฉ์ด ๊ถ๊ธํด์ ๋ค์ด๋ณด์๋ค.
- LAPIN ๋์ ๋ฐฐ๊ฒฝ
- ๊ฐ๋ฐ/๋ฐฐํฌ ๊ณผ์ ์์ด data๋ง ์ค๋น๋๋ฉด ์๋น์ค์ ๋ฐ์ํ๊ณ , data๋ง ๋ฐ๊ฟ๊ฐ๋ฉฐ ์ํ๋ ํ๋ฉด๊ณผ ๊ธฐ๋ฅ์ ๋ค์ํ๊ฒ testํ๊ธฐ ์ํด
- ์ ์ ์ธ๋ ฅ์ผ๋ก ์์ ์ ์ผ๋ก service๋ฅผ ์ด์ํ๊ธฐ ์ํด
*LAPIN : NAVER ์ง์ base ๊ฒ์์ ๋น ๋ฅธ ๊ฐ๋ฐ/์ด์ process system (์ค๋น๋ data๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ๊ฒ์ ๊ฒฐ๊ณผ ํ๋ฉด์ ์์ฑํ์ฌ UI ๊ธฐ๋ฅ์ ์ ๊ณต)- server ์ฃผ๋ UI๋ BE sever๊ฐ FE server์ UI rendering์ ๊ด๋ฆฌํ๋ ๋ฐฉ์์ผ๋ก์จ ๋ฏธ๋ฆฌ ์ ์๋ data ๋ฒ์ ์์์ ํ๋ฉด์ ๋ฐฐ์นํ๊ณ ๊ธฐ๋ฅ์ ์ ํํจ
- LAPIN์ SSR ๋ฐ MSA (Micro Service Architecture) ์ฌ์ฉ
- LAPIN์ ๊ธฐ์ stack์ server stack์ผ๋ก์ node.js์ express, client๋ React, Sass, Typescript ๊ธฐ๋ฐ์ Babel๊ณผ Wepback
...
LAPIN์ด๋ผ๋ ๋๊ตฌ๋ฅผ ํ์ฉํด ๊ธฐํ์, ๋์์ด๋, ๋งํฌ์ ๊ฐ๋ฐ์, FE ๊ฐ๋ฐ์, BE ๊ฐ๋ฐ์ ๊ฐ์ ์ ๋ฌด ๊ณผ์ ์ ๋จ์ถํ๊ณ ์ปค๋ฎค๋์ผ์ด์ ๋ ์ค์ด๊ณ service์ ํ์ง๋ ๋์ด๋ ๊ฒ์ ๋ํด ์ค๋ช ํด ์ฃผ์ ๊ฒ ๊ฐ๋ค.
์์ง ๋ฐฐ๊ฒฝ์ง์์ด ๋ถ์กฑํ ๋๋ก์๋ server driven UI๊ฐ ๋ฌด์์ธ์ง ์ดํดํ ์ ์๋ ๋ด์ฉ์ด๋ผ๊ธฐ ๋ณด๋ค, LAPIN์ด๋ผ๋ ํ๋ก๊ทธ๋จ์ ์๊ฐํ๋ ๋ด์ฉ์ด์๋ ๊ฒ ๊ฐ๋ค. design system ๊ตฌ์ถ์ฒ๋ผ FE ๋จ์์ ๋์ฑ ๋น ๋ฅด๊ฒ ๊ฐ๋ฐํ ์ ์๊ณ , server ์ธก๋ฉด์์ ์๋์ ์์ ์ฑ๋ ๋์ด๊ณ , storybook์ ํตํด data ์๊ฐํ๋ ๊ฐ๋ฅํ๋ค๊ณ ํ๋ ์ฌ๋ฌ๋ชจ๋ก ํ์ ๊ด๊ณ์์ ๋ ผ์ํด ๋ณด๋ฉด ์ข์ ๊ฒ ๊ฐ๋ค.