๐Ÿ™‹ ๊ฐœ๋ฐœ์ž ํ–‰์‚ฌ. DEVIEW 2021-3. โŸชServer Driven UIโŸซ

[meษช]ยท2021๋…„ 12์›” 2์ผ
0

4. Tech Conferences

๋ชฉ๋ก ๋ณด๊ธฐ
6/6
post-thumbnail

๐Ÿ“Œ ๊ฐœ๋ฐœ ๊ณต๋ถ€ 5๊ฐœ์›” ์ฐจ์ธ to-be ๊ฐœ๋ฐœ์ž์˜ ์ž์Šต blog๐Ÿ™‚๏พ Nov 28 ~ Dec 4, 2021


์ด ๋ฐœํ‘œ๋ฅผ ๋ณธ ์ด์œ 

UI๋ผ๊ณ  ํ•˜๋ฉด FE ๋‹จ์—์„œ ๊ณ ๋ฏผํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™์€๋ฐ, 'server driven' UI๋ผ๋Š” ๋ง์— ๋‚ด์šฉ์ด ๊ถ๊ธˆํ•ด์„œ ๋“ค์–ด๋ณด์•˜๋‹ค.


๋ฐœํ‘œ ๋“ค์œผ๋ฉด์„œ ํ•œ memo

  • ์ฃผ์ œ : ๋„ค์ด๋ฒ„ ๊ฒ€์ƒ‰์˜ Server Driven UI - LAPIN
  • ๋ฐœํ‘œ : ๊น€์ •๊ธฐ ๋‹˜, ๊น€๋ช…์ง„ ๋‹˜
  • ์˜์ƒ : link
    • 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 ์‹œ๊ฐํ™”๋„ ๊ฐ€๋Šฅํ•˜๋‹ค๊ณ  ํ•˜๋‹ˆ ์—ฌ๋Ÿฌ๋ชจ๋กœ ํ˜‘์—… ๊ด€๊ณ„์ž์™€ ๋…ผ์˜ํ•ด ๋ณด๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™๋‹ค.

    DEVIEW 2021

    sessions
    ๊ณต์‹ NAVER TV

    profile
    ๋Š๋ ค๋„ ํ•  ๊ฑฐ์•ผ.......

    0๊ฐœ์˜ ๋Œ“๊ธ€