Concise Summary
NHN์ ๋ค์ฏ ๋ฒ์งธ ์คํ๋ผ์ธ ์ปจํผ๋ฐ์ค
์ผ์ : 22.11.24
์ฅ์ : ๊ทธ๋๋ ์ธํฐ์ปจํฐ๋จํ ์์ธ ํ๋ฅด๋์ค
๋ฐํ์ : NHN Cloud ๋ฐ๊ทผํ, ์ด์ง์, ๊น๋ช ์
-
Small Steps make a Big Difference
-
NHN ํ์ฌ ์๊ฐ(๊ฒ์, ๊ฒฐ์ , ์ปค๋จธ์ค, ๋ฐ์ดํฐ, ํด๋ผ์ฐ๋)
-
GameAnvil, GameTalk ์๊ฐ
- GameAnvil
- ๊ฒ์ ์๋ฒ์ ํ ํ๋ฆฟ๊ณผ ์น ์ด์ ๋๊ตฌ, ์ฑ๋ฅ ํ ์คํธ ํด ๋ฑ์ ์ ๊ณต
- ๊ฐ๋ฐ ๊ฒฝํ์ด ์ ์ ๊ฒ์ ๊ฐ๋ฐ์์ฌ๋ ๊ฒ์ ์๋ฒ ๊ฐ๋ฐ๊ณผ ์๋น์ค, ์๋น์ค ์ด์๊น์ง ํ ๋ฒ์ ๊ฐ๋ฅํ๊ฒ ํด์ค
- GameTalk
- ๊ฐํธํ๊ฒ ๊ฒ์ ๋ด ์ฑํ ์ ๊ตฌํํ ์ ์๋ ์๋ฃจ์
- GameAnvil
-
์ข์ ๊ธฐ์
์ด๋?- ๊ณ ๊ฐ์ด ์ฒด๊ฐํ ์ ์๋ ๊ณ ๋ง์ด ๊ธฐ์ ์ ๋ง๋๋ ๊ฒ
-
๊ตญ๋ด์ธ ๋ฐ์ดํฐ ์ผํฐ ํ์ฅ ์์
-
AI ๊ธฐ์ ํ๋
-
๋ํ์ฑ ์ฝ์ด์ฃผ๊ธฐ
- ์ผ๋ฐ ai๊ฐ ์ฝ๋ ๊ฒ์ด ์๋ ๊ฐ์ ์ด ๋ค์ด๊ฐ ์ ์๋๋ก
-
๊ฐ์ ์๋์ด์
- ์ง์ ๋ฌด๋์ ์์ ๋ฐํํ์ง ์๊ณ ๊ธ์ ์ ๋ ฅ๋ง ํด๋ ๋งํ๋ ๊ฒ ์ฒ๋ผ
-
์นดํฐ ์์ฑ ๊ธฐ์
- ์ฌ์ง์ ์ด์ฉํด ๋งํ๋ก..?
-
๋ฐํ์ : NHN Dooray ์ด์ ์ฌ
-
React Monolithic SPA ์ Micro Frontend(์ฐจ์ธ๋) ๋์
- Dooray Renewal Project
- 2021.10.21 ๋ฆฌ๋ด์ผ ์์ ์ฌ๊ฐ
- React
- TypeScript
- Vite
- Redux + Redux-Saga(์ํ ๊ด๋ฆฌ)
- Renewal ์ ๋ฌธ์ ์ ?
- ์๋น์ค๋ ์ ์ ๋ ๋ณต์กํด์ง๊ณ FE ์์ง๋์ด๋ ๋ชจ๋ ๋๋ฉ์ธ ์ง์์ ๋ค ์ญ๋ ตํ๊ธฐ ์ด๋ ต๋ค.
- ์ปค๋ค๋ ๋ ํ๋์ ์๋ก์ด ๋ ๊ฑฐ์ ์์คํ ์ ๋ง๋ค๊ณ ์ถ์ง ์๋ค.
- ์์ค ์ฝ๋๊ฐ ๋ฐฉ๋ํด์ง๊ณ , ๊ฐ๋ฐ/๋น๋๊ฐ ์ ์ ๊ธธ์ด์ง๋ค.
- ํตํฉ, QA, ๋ฐฐํฌ ๊ณผ์ ์ด ํ๋ค๋ค.
- Dooray Renewal Project
ํ๋์ ์๋น์ค๋ง ๋
๋ฆฝ์ ์ผ๋ก ๊ฐ๋ฐ ๋ฐ ๋ฐฐํฌ, ์ด์ํ ์ ์์๊น?
-
๋ณ๊ฒฝ ์
Drive, Mail, Wiki ๋ฑ๊ณผ ๊ฐ์ ์๋น์ค ๊ฐ๋ฐ ํํ๋๋ก ์ทจํฉ
ํ์ฌ Test,Build, Deploy -> QA -> Production ๊ณผ์ ์ ๊ฑฐ์ณค์ -
๋ณ๊ฒฝ ํ
Drive, Mail, Wiki ๋ฑ๊ณผ ๊ฐ์ ์๋น์ค๋ฅผ ๊ฐ๋ฐ ํ๊ฐ๊ฐ
Test,Build, Deploy -> QA -> Production ๊ณผ์ ์ ๊ฑฐ์ณ ํตํฉ ํ์๋ค. -
SPA(Single Page Application)
- Linked Single Page Application
- ๊ฐ ์๋น์ค๋ url ์์์ผ๋ก ๊ตฌ๋ถํ์ฌ ๊ฐ๊ฐ ๋ ๋ฆฝ์ ์ธ SPA๋ก ๊ตฌ์ถํ๋ค.
- ํ ๋ด๋ถ์์๋ history API ๋ฅผ ์ด์ฉํ ํด๋ผ์ด์ธํธ ์ธก ๋ผ์ฐํ ์ ์ฌ์ฉํ๋ค. (Soft Navigation)
- ํ ๊ฐ์๋ ํ์ดํผ ๋งํฌ๋ฅผ ์ด์ฉํ Hard Navigation ์ ์ฌ์ฉํ๋ค.
- Linked Single Page Application
ํ์ง๋ง Linked SPA ๋ฐฉ์์ Dooray์ ๋ง์ง ์๋๋ค.
- ๋๋ ์ด๋ ์๋ก ๋ค๋ฅธ ์๋น์ค๋ฅผ ์ ์ ๊ฐ ๋น๋ฒํ๊ฒ ์ ํํ๋ ์ฑ์ด๋ค.
- ์๋ก ๋ค๋ฅธ ์๋น์ค ๊ฐ์ ํตํฉ๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ ๊ฒ์ด ์ฅ์ ์ด๋ค.
- ๋ฉ์ผ์ ์ ๋ฌด๋ก ๋ฑ๋กํ๋ ๊ธฐ๋ฅ
- ๋ฉ์ผ์์ ๋๋ผ์ด๋ธ ์๋น์ค๋ฅผ ์ด์ฉํด ๊ณต์ ๋งํฌ๋ฅผ ๋ง๋ค์ด์ ์ฒจ๋ถํ๋ ๊ธฐ๋ฅ
- ์ด๋ฐ ๊ธฐ๋ฅ๋ค์ ํ์ฅํ๋ ๊ฒ์ด ๋ชฉํ
-
Unified SPA
- Application shell
- ๋ชจ๋ ํ์ ์๋น์ค๋ค์ ์์ ์ ํ๋ฆฌ์ผ์ด์ ์ญํ
- ๋ค์ด์ค๋ ๋ชจ๋ ์์ฒญ์ ๋ผ์ฐํ ์ ๋ง๊ฒ ํ์ ์๋น์ค์ ์ฐ๊ฒฐ
- ๊ณตํต ๋ ์ด์์
- ์๋น์ค ๋น์ฆ๋์ค ๋ก์ง์ ํฌํจํ์ง ์์
- ์ธ์ฆ์ด๋ ์ฑ ์ ์ฒด ์ค์
- Application shell
-
Page ์์์์ ์๋น์ค ๊ฐ ํตํฉ
- Drive ์๋น์ค์ ์งํ
- Drive ์๋น์ค์ ํจํค์ง๋ฅผ ๋ถ๋ฆฌํ๊ณ shared๋ผ๋ ๊ณณ์ ๋ค๋ฅธ ์๋น์ค๋ก ๊ณต์ ๋๋ ์ฝ๋ ์กฐ๊ฐ์ ๋ชจ์๋ค.
- TypeScript ๋ฅผ ํตํด ์ปดํ์ผ ํ์์ ์ธํฐํ์ด์ค์ ๋ํ ๊ฒ์ฆ์ด ๋๊ธฐ ๋๋ฌธ์ ๋ฌด๋ฆฌ ์์ด ์๋ก ์ฝ๋๋ง์ผ๋ก ์ฌ์ฉ๋ฒ์ ์ดํดํ ์ ์์๋ค.
- ์ฐ๋ฆฌ๋ Drive ์๋น์ค์์ ์ ๊ณตํด์ผ ํ๋ ์ฝ๋ ์กฐ๊ฐ๋ค์ ๊ฒฝ๊ณ์ ๋ํด ๊ณ ๋ฏผํ๊ธฐ ์์ํ๋ค.
- ๊ทธ๋ฆฌ๊ณ ์ฐ๋ฆฌ๋ Drive์ ๋ฐฑ์๋ API๋ฅผ ๋ค๋ฃจ๋ ๊ฒฝ์ฐ Drive ์๋น์ค๊ฐ ์์ ํ๊ณ ๊ณต์ ํ๊ธฐ๋ก ํ๋ค.
- Drive ์๋น์ค์ ์งํ
-
Webpack 5 Module Federation
-
Page ์ Fragment, ์ํ ๋ถ๋ฆฌ
-
Micro Frontend ๋ ๊ตฌ์ฒด์ ์ธ ๊ธฐ์ ์ด ์๋๋ค.
- ์๋น์ค๊ฐ ์ถฉ๋ถํ ์ปค์ ธ์ ๋ณต์ก๋์ ์ฆ๊ฐ๋ฅผ ๋ฐ๋ผ๊ฐ์ง ๋ชปํ ๋ ์ ํํ ์ ์๋ ์ฌ๋ฌ๊ฐ์ง ๋์ ์ค ํ๋์ด๋ค.
- ๋ง์ดํฌ๋ก ์๋น์ค๋ ๊ฐ๋ฐ๋ ์ค์ํ์ง๋ง ์ด์ํ๋ฉด์ ๋์ค๋ ์์๋ค์ ๊ณ์ ๊ณ ๋ คํ๋ฉฐ ๋ฐ์ ์์ผ์ผ ํ๋ค.
- ํน์ ์ฝ๋ ์กฐ๊ฐ์ด ๋ณ๊ฒฝ๋์์ ๋ ์ด๋๊น์ง ํ ์คํธ ํด์ผํ ์ ์์์ง๋ฅผ ์ฐพ์ ๋ ๋ช ํํ๋ค.
- ์ฝ๋์ ์ค๋ณต์ ์ด์ฉ ์ ์๋ ๋ถ๋ถ์ด๋ค. ์ด๋์ ์ด์ ์ ๋ง์ถฐ์ผ ํ๋ค.
- ์ฝ๋ ๋ณต์ฌ๋ฅผ ๋๋ ค์ํ์ง ์์์ผ ํ๋ค.
- ๋ชจ๋๋ฆฌ์ SPA ๋ฅผ ๋ง๋ค๋ ํ ๊ตฌ์กฐ ๊ทธ๋๋ก ๋ง์ดํฌ๋ก ํ๋ก ํธ์๋๋ฅผ ์ ์ฉํ๋ฉด ์๋์ง ์์๊ฑฐ๋ผ ๋ฏฟ๋๋ค.
- ๋ฉ์ผ ํ๋ก ํธ ์์ง๋์ด๊ฐ ๋ํ๋ฅผ ๋ง์ด ํด์ผ ํ ๋์์ ๋๋ผ์ด๋ธ ํ๋ก ํธ ์์ง๋์ด๊ฐ ์๋ ๋ฉ์ผ ๊ธฐํ์, ๋ฉ์ผ BE ์์ง๋์ด์ด๋ค.
- FE ์์ง๋์ด ๊ฐ์ ๊ธฐ์ ์ ๊ต๋ฅ๋ฅผ ์ํด์ ์ฑ๋์ ๋ง๋ค๊ณ , ์ํคํ ์ฒ์ ๋ฐ์ ์ ์ํด ๋ ธ๋ ฅํด์ผ ํ๋ค.
๋ฐํ์ : Google ๋์์ด๋ ์ด์ ์
UX์ ์ ๊ทผ ๋ฐฉ์ ๊ฐ๋ณ ํผ์ฒ์ ๋์์ธ ์์ฑ๋์ ์ง์ค -> ์ปดํฌ๋ํธ๋ฅผ ํตํ ๋น ๋ฅธ ํ ์คํธ ํ๊ฒฝ์ ์ ๊ณต, ํ๋ณดํ ์๊ฐ์ ํตํด User Value ํ์
- Efficiency(๋ฅ๋ฅ )
- ์ผ๊ด์ ์ธ ์ฉ์ด ์ฌ์ฉ, ๊ฐ๋ฐ๊ณผ ๋์์ธ์ด ์ฑํฌ ๋์ด์๋ ์ปดํผ๋ํธ ๋ฑ์ ํตํด์ ์ ํ ์กฐ์ง ์ ์ฒด์ ํจ์จ์ฑ๊ณผ ์์ฐ์ฑ์ด ํฌ๊ฒ ์์น
- Usability(์ ์ฉ์ฑ)
- ์ผ๊ด์ฑ ์๋ UX๋ ์ ํ ํ์ ํจ์จ์ฑ์ ์ฆ๊ฐ ์ํค๋ ๊ฒ์์ ๋์๊ฐ ๋ ๋์ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ง๋ ๋ค.
- ๊ธฐ๋ํ ๋๋ก ๋์ํ๋ ์ปดํผ๋ํธ, ๋ณต์กํ ์ํฉ์์๋ ์ฆ์ ์ดํด ๊ฐ๋ฅํ ์ ์ ํ๋ก์ฐ ๋ฑ์ด ๊ฐ๋ฅํด์ก๋ค.
- Product Identity
- ์ ํ ์ ์ฒด์ ์ธ์์ ๊ฒฐ์ ํ๋ ์ปฌ๋ฌ, ํ์ดํฌ๊ทธ๋ํผ, ์ผ๋ฌ์คํธ๋ ์ด์ ๋ฑ์ ๊ฐ๋ณ ํผ์ฒ๊ฐ ์๋๋ผ ๋์์ธ ์์คํ ์ ํตํด์ ์ ์๋๋ค.
- ์ ๊ด๋ฆฌ๋๊ณ ์ธ๋ถ์๋ ๊ณต์ ๋๋ ๋์์ธ ์์คํ ์ ์ ํ ๊ทธ ์์ฒด์ ์์ฑ๋๋ฅผ ๋๋ณํ๋ค.
[Step 0]
- Aligned Design Guidelines (psd)
- ๋ก์ปฌ ํ์ผ๋ก ์กด์ฌ
- ๋์์ด๋๋ค ์ฌ์ด์์๋ ๋ช ํํ์ง ์์ ์ฑํฌ
- ๋จ๋ฐ์ฑ ํ๋ก์ ํธ
- ๋ฆฌ๋ฉ ์ฃผ์ ๋ถ๋ช ํ
[Step 1]
- Cloud Design Library
- ํด๋ผ์ฐ๋๋ฅผ ํตํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฐฐํฌ
- ๋์์ธ ์์คํ ํ ์ ์
- UI Refresh
- ์ผ๊ด์ฑ ๊ฐ์
- Design Legacy ๊ฐ์
- Design Foundation ์ ๋ฆฝ
[Step 2] - ํ์ฌ ๋จ๊ณ
- Code & Design Sync (figma)
- Component ์ ์
- UX/Eng Document
- UI Migration
[Step 3]
- Company level Design System
- ํ๋ก์ ํธ๋ณ๋ก ๋์์ธ ์์คํ ์กด์ฌ
- ์์๊ด๊ณ ์ ์
- ๋์์ธ ์์น ์ฌ์ ๋ฆฝ
- Design Tokens ๋์
- Cross Platforms
- ํ์ด ์ ์ ์ปค์ง๊ณ ๊ทธ์ ๋ฐ๋ผ ์ผ๊ด์ฑ์ด ๋ฌด๋์ง๋ ๊ฒฝ์ฐ
- UX ์กฐ์ง์ ์ค์ผ์ผ์ด ์ปค์ง๊ณ ์ญํ ์ ํ์ฅํด์ผ ํ๋ ์๊ธฐ
- ๋์์ธ ์์คํ
์ ๊ตฌ์ถํด์ ์ฆ๊ฐํ ์
๋ฌด ํจ์จ์ ์ค์ ์ ์ ์๊ฒ ์ํฉํธ ์๋ ๊ฒฝํ์ ๋ํ ๊ณ ๋ฏผ์ ์๊ฐ์ผ๋ก ํ์ฉ
- Research ํ์ฉ
- A/B Testing ๋ฐ Experiment ํ๋
- Product User Value ์ ์
- CUJ model ๋์
- ๋์์ธ ์์คํ
์ ๊ตฌ์ถํด์ ์ฆ๊ฐํ ์
๋ฌด ํจ์จ์ ์ค์ ์ ์ ์๊ฒ ์ํฉํธ ์๋ ๊ฒฝํ์ ๋ํ ๊ณ ๋ฏผ์ ์๊ฐ์ผ๋ก ํ์ฉ
- ์ ํ ์ ์ฒด์ ์ธ ๋์์ธ ๋ฆฌํ๋ ์๋ฅผ ์๋๊ณ ์๋ ๊ฒฝ์ฐ
- ๋๋ก๋ ๊ทธ์ ์๋ก์ด ๋์์ธ ํด์ ๋์ ๊ณผ ๋ฐ๋ง์ถฐ(ex.Figma)
-
์์ ์กํ๋ ๊ฐ์์ ์ธ ๋ง์ผ์คํค
- ๋์์ธ ์์คํ ์ ๊ธด ์๊ฐ์ ํฌ์ํด์ผ ํ๋ ๋ฐ๋ฅ ๊ณต์ฌ์ ๊ฐ๋ค.
- ์ง์น์ง ์๊ธฐ ์ํด์๋ ๊ฐ์์ ์ผ๋ก ๋ณด์ด๋ ๋ง์ผ์คํค์ ์ ์ค์ ํ๋๊ฒ์ด ์ค์ํ๋ค.
- ๋ผ์ธ์์๋ ๋คํฌ ๋ชจ๋ ์ ์ฉ๊ณผ ์ปฌ๋ฌ ์ ๋ฆฌ๋ฅผ ํจ๊ป ๋ฌถ์ด์ ์งํํ๋ค.
-
ํ๋ก๋ํธ ์ํฉํธ๋ฅผ ์ด๊ธฐ๋ถํฐ ์ค์
- UX ์ Eng ์ค๋ฌด์๋ค์๊ฒ๋ ๊ทธ ์ฆ์ ์ ๋ฌด ํจ์จ์ด ์ฌ๋ผ๊ฐ๋ ํ๋ก์ ํธ์ง๋ง, ๋ฆฌ๋์ญ์ ํฐ ์ง์๊ณผ ์ดํด๋ฅผ ์ํด์๋ ๊ฐ์์ ์ผ๋ก ๋ชฉํ๋ฅผ ์ค์ ํ๊ณ ์ปค๋ฎค๋์ผ์ด์ ํ ํ์๊ฐ ์๋ค.
-
Visibility ๋ฅผ ์๊ฐํ๊ณ , ํ์ ํค์ฐ๊ธฐ
- ์๋ฒฝํจ์ ์ถ๊ตฌํ๊ธฐ ๋ณด๋ค, ๋น์ฅ ํ์๊ฒ ๋์์ด ๋๋ ๋ถ๋ถ์ ๊ณต์ ํ๋ฉด ๋ ํฐ ๊ด์ฌ๊ณผ ์ํฌํธ๋ฅผ ๋ฐ์ ์ ์๋ค.
-
์ด๋ฆฐ ์์ธ๋ก, ์ฌ๋ฌ ์ฑ๋๋ก ์ปค๋ฎค๋์ผ์ด์
-
๋์์ธ ์์คํ ์ ๊พธ์คํ ์ด์๋๋ ๋ชจ๋ธ๋ก
- ๋์์ธ ์์คํ ์ ํ๋ก์ธ์ค ์์ฒด๊ฐ 50% ์ด์์ด๋ผ๊ณ ํด๋ ๋ ์ ๋๋ก Workflow๋ฅผ ์ ์ ์ํ๋ ๊ฒ์ด ์ค์ํ๋ค.
- ์์ฐ์ค๋ฝ๊ฒ ์ฒ๋ฆฌ๋ ์ ์๋ ํ๋ก์ธ์ค๋ฅผ ๋ง๋๋ ๋ฐ์ ์๊ฐ์ ๋ง์ด ๋ค์ด์
๋ฐํ์ : NHN Dooray ๊น๋ถ์น
2014๋ Dooray ๊ฐ๋ฐ ์์ ๋ฉ์ ์ ๋ฅผ ์ ์ธํ ๋๋จธ์ง ์๋น์ค๋ SPA๋ก ์ ์ ๋จ ์ฌ์ฉ ํ๋ ์์ํฌ : Angular js
Angular๊ฐ 2022๋ 1์ ์ง์์ด ์ข ๋ฃ๋๋ค๊ณ ํ์ 2019๋ vue๋ก ๋ณ๊ฒฝ ์๋ ํ์ฌ ์ฃผ์๋ก, ๊ฒฐ์ ์๋น์ค๋ง vue๋ก ์์ ๋์ด ์์
-
Vue๋ก ์ ๋ฆฌํ ์ฝ๋ ๋ฌธ์ ์
- ํ์ ์ถ๋ก ์ด ์ ๋์ง ์์
- ๋น ์ปดํฌ๋ํธ
- Watch ์ฝ๋ ์ฐ๊ด๋ก ์ฝ๋ ์ถ์ ํ๋ฌ
- ์ฝ๋ ์คํ์ผ ํํธํ
-
Angular ์ Vue์ ๊ณตํต์ ์๋น์ค ๋ฌธ์ ๊ฐ ์กด์ฌ
- ์๋ก์ด ๊ฐ๋ฐ์ ํ๊ฒ ๋ ๋ ์์ชฝ์์ ๋๋ฒ ์์ ์ ํด์ผํจ
- ๋ฒ๊ทธ๋ ๋ง์ฐฌ๊ฐ์ง
- ์๋ก ๋ค๋ฅธ ๋ผ์ดํ์ฌ์ดํด์ ๊ฐ๊ณ ์์
์ ๋ก์ ์ด์ค์์ ๋ค์ ์์ ์์ -> React React ์ ์ ์ด์ ? -> ๋ฆฌ์กํธ์ ์์ฅ ์ ์ ์จ์ด ๋๊ธฐ ๋๋ฌธ์ ์ฐธ๊ณ ํ ๋ ํผ๋ฐ์ค๋ค์ด ๋ง์
์ปดํฌ๋ํธ ์ ๋ฆฌ ์ปดํฌ๋ํธ ๋ฉ๋ชจ
- ์ปดํฌ๋ํธ๊ฐ ๋์ผํ props๋ก ๋์ผํ ๊ฒฐ๊ณผ๋ฅผ ๋ ๋๋งํด๋ธ๋ค๋ฉด, React.memo ๋ฅผ ํธ์ถํ๊ณ ๊ฒฐ๊ณผ๋ฅผ ๋ฉ๋ชจ์ด์ง(Memoizing)ํ๋๋ก ๋ํํ์ฌ ๊ฒฝ์ฐ์ ๋ฐ๋ผ ์ฑ๋ฅ ํฅ์์ ๋๋ฆด ์ ์๋ค.
- ์ฆ, React๋ ์ปดํฌ๋ํธ๋ฅผ ๋ ๋๋ง ํ์ง ์๊ณ ๋ง์ง๋ง์ผ๋ก ๋ ๋๋ง ๊ฒฐ๊ณผ๋ฅผ ์ฌ์ฌ์ฉํ๋ค.
์ํ ์ ์ฅ
[ ์ฅ๋จ์ ]
-
์ปจํ ์ด๋
- ์ํ ์ถ๊ฐ ์ฌ์
- ์ธ๋ถ ์ํ ์ฐธ์กฐ ์ด๋ ค์
- ๊ณ์ฐ ๋ก์ง์ ์ปจํ ์ด๋์๋ง ์์น
- ๋น๋๊ธฐ ๋ก์ง ๋ค๋ฃจ๊ธฐ ์ด๋ ค์
-
์คํ ์ด
- ์ํ ์ถ๊ฐ ์ ์ผ์ด ๋ง์
- ์ํ ์ฐธ์กฐ ์ฌ์
- ๊ณ์ฐ ๋ก์ง ์์น ์์
- ๋น๋๊ธฐ ๋ก์ง ๋ค๋ฃจ๊ธฐ ์ฌ์
[ ์ญํ ]
-
ํ๋ ์ ํฐ
- ํ๋ฉด์ ๊ทธ๋ฆผ
- ์ด๋ฒคํธ ๋ฐ์ ์ ์ปจํ ์ด๋์ ์๋ ค์ค
-
์ปจํ ์ด๋
- ์คํ ์ด์ ์ํ๋ฅผ ํ๋ ์ ํฐ์ ์ฐ๊ฒฐ
- ํ๋ ์ ํฐ์์ ๋์ ์ ์คํ ์ด์ ์ฐ๊ฒฐ
-
์คํ ์ด
- ์ํ ์ ์ฅ
- ๊ณ์ฐ ๋ก์ง ์คํ
- API ํธ์ถ