์ค์ ๋ฐ์ดํฐ๋ก ์์ ๋ง๋ค๊ธฐ
Medium
[๐ฆ Summary] ํ์ด์ฌ์ ์ด์ฉํด ์ค์ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์์ ๋์์ธ์ ์ด์ฉํ ์ฌ๋ก์ ๋๋ค. ํ์ด์ฌ API๋ฅผ ํตํด๋ฐ์ดํฐ๋ฅผ ๊ตฌ๊ธ ์คํ๋ ๋ ์ํธ์ ์ ๋ ฅํ๊ณ , ํผ๊ทธ๋ง ํ๋ฌ๊ทธ์ธ์ ์ด์ฉํด ๋์์ธ์ ํด๋น ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ํ์ต๋๋ค. [๐ฌํ๋ ์ดํฐ์ ์๊ฐ] "์์"์ด ์๋ "์ ํ"์ ๋ง๋ ๋ค๋ ๊ด์ ์์ ํฅ๋ฏธ๋กญ๊ฒ ์ฌ๋ก๋ฅผ ์ฝ์์ต๋๋ค. ๋ฟ๋ง ์๋๋ผ ํด๋น ๋ฐฉ๋ฒ์ ํตํด ๋์์ธ์ ํจ์จ์ ์ผ๋ก ํ ์ ์์ต๋๋ค. ํฌํ ์ต์์ ์ค์ผ์น๋ก ๋ฉ์ธ UI ๋๊ตฌ๊ฐ ๋ณํ๋๋ฉด์ ์ ํ์ ๋ง๋๋๋ฐ ๋ ์ง์คํ ์ ์์์ต๋๋ค. ์ฌ๋ณผ ๊ธฐ๋ฅ์ ํ์ฉํ์ฌ ๋ ๊ตฌ์กฐ์ ์ผ๋ก UI๋ฅผ ์ค๊ณํ๊ฒ ๋์์ต๋๋ค. ํด๋น ์ํฐํด์์๋ ํผ๊ทธ๋ง์ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ์ฌ ์ ๋์ ์ธ ๋ฐ์ดํฐ(Dynamic Data)๋ฅผ ์ฌ์ฉํ์ต๋๋ค. ์ด๋ ๋๊ตฌ๋ฅผ ํตํด ์ธ์์ด ๋ฐ๋๊ณ ๊ฒฐ๊ณผ๊ฐ ๋ฌ๋ผ์ง๋ ์ฌ๋ก๋ผ๊ณ ์๊ฐํฉ๋๋ค. ๋์์ธ์ ๊ฐ๋ ์ด ๊ณ์ ์งํํ๊ณ ์์์ ๋ค์ ์๊ฐํด๋ณผ ์ ์์์ต๋๋ค. ์ค๊ณํ๊ณ ๊ตฌ์ฑํ๋ ๊ฒ์ด ๋์์ธ์์ ์ ์ ๋ ๊ฐ์กฐ๋๊ณ ์์ต๋๋ค. ๋์๊ฐ ์ ํ์ "๋์์ธํ๋ค" ๋ณด๋ค ์ ํ์ "๋ง๋ ๋ค"์ ๊ฐ๊น์ ์ง๊ณ ์๋ค๋ ์๊ฐ์ด ๋ญ๋๋ค. ๋์์ด๋๊ฐ ๊ณ ๋ฏผํ๋ ๋ถ๋ถ์ด ๊ฐ๋ฐ์์ ๊ฐ๊น์์ง๊ณ ์์ต๋๋ค. ํ๋ก๋ํธ ๋์์ด๋์ ๊ฐ๋ ์ด ๋ฑ์ฅํ๋ฉด์ UI ๋์์ด๋ - UX ๋์์ด๋์ ๊ฒฝ๊ณ๊ฐ ํ๋ ค์ง๊ณ ์์ต๋๋ค. ์ ํ์ ๋ง๋ ๋ค๋ ๋ชฉ์ ์์ ๋์์ด๋ - ๊ฐ๋ฐ์์ ๊ฒฝ๊ณ๋ ์ ์ ๊ฐ๊น์์ง ๊ฒ์ผ๋ก ์๊ฐํฉ๋๋ค.
2020๋ 9์ 15์ผ ์คํ 10:29