1. ๊ธฐ๋ณธ ์ค๊ณ
๊ฐ๋จํ ํ๋ก๊ทธ๋จ์ด์ง๋ง, ํ๋ก์ ํธ ๋งค๋์ ๋ ๊ธฐํ์์ฒ๋ผ, ๊ฐ๋ฐ ์ด์ ์ ์ด๋์ ๋ ์ค๊ณ๊ฐ ๋์ด์ผ ๊ฐ๋ฐ์ ์ผ๊ด์ฑ์ด ์๊ธด๋ค.
ํผ์์ ํ๋ก ํธ์๋์ ๋ฐฑ์๋ ๊ฐ๋ฐ์ ํ๊ฒ ๋์ด ์ค์ ๋ด์ฉ์ด ์ด์คํ๋๋ผ๋ ์ํดํด์ฃผ๊ธฐ ๋ฐ๋๋๋ค.
ํ๋ฉด์ ๋์์ธ์ด ๋์์ง๋ง, ์ฌ์ค ๊ฐ๋ฐํ๋ฉด์ ํผ๋ธ๋ฆฌ์ฑ์ ํ๊ณ , ๊ทธ ๋จ๊ณ ๋จ๊ณ๋ฅผ ์์ผ๋ก ๋ณด์ฌ์ค ์์ ์ด๋ค.
IT๊ธฐ์ ์ ๋ค๋ ๋๋ ์ด ๋ชจ๋ ๊ฒ์ ์ฐ์ถ๋ฌผ ํํ๋ก ํ์ํฌ์ธํธ์ ์์ ๋ก ์์ ์ ํ์ง๋ง, ์์ฆ์ ์ค์ผ์น(Sketch), ํผ๊ทธ๋ง(Figma), XD์ ๊ฐ์ ์ธํฐํ์ด์ค ๋์์ธ์ ์ํ ํ์ ์น ์ ํ๋ฆฌ์ผ์ด์ ๋ฑ์ด ๋ง์ง๋ง, ๊ธฐ ์ฌ์ฉํด๋ณธ Figma์ ํตํด ๊ฐ๋จํ UI์ค๊ณ๋ฅผ ์งํ ํ๋ค. UI๋ถ๋ฌธ๋ ๋ณดํต ๊ธฐ์ ์์๋ ๋์์ธํ์์ ์ ์ํ์ฌ ์ฃผ๊ธฐ ๋๋ฌธ์ ๊ฐ๋ฐ์์ ๋ถ๋ด์ด ๋ ํ ์ ์์ผ๋, ๋์์ธ์ด ์ฝํ ๋๋ CSS์์ ๋ง์ ์๊ฐ์ ํ๋นํ๋ค.
์ฌ๋ฌ ์ฌ์ดํธ์ CSS์ ์ฐธ๊ณ ํ์ฌ ๋๋ฆ๋๋ก ๋ง๋ ๊ฒ์ผ๋ก, ํผ๋ธ๋ฆฌ์ฑ์ ๋ฅํ ๋ถ์ด๋ผ๊ณ ๋๋ฆ ์์ ํ์ ์ ์ฌ์ฉํด๋ ๋ฌด๋ฐฉํ๋ค
1.1. DB ์ค๊ณ
UI ์ค๊ณ๋ ๊ธฐ์ค์ผ๋ก DB ์ค๊ณ๋ฅผ ํด๋ณด์. ๋ํ ๊ธฐ๋ณธ์ ์ธ ๋ก๊ทธ์ธ ์ฒ๋ฆฌ๋ฅผ ์ํ ํ ์ด๋ธ๋ ๊ตฌ์ฑํ๋ค.
1) Link์ ๋ณด๋ฅผ ์ ์ฅํ๋ ํ ์ด๋ธ ( links )
2) ์๋ ํด๋ผ์ฐ๋๋ฅผ ํ์ํ๊ธฐ ์ํ ํ ์ด๋ธ( tagcloud )
โท ์ํฌ ํด๋ผ์ฐ๋๋ ๋ณ๋ ๊ตฌํ ์ ํด๋ ๋๋ฉฐ, ํฅํ ํ์์ ์์ค๋ง ์ฐธ๊ณ ํ๊ธฐ ๋ฐ๋๋ค.
3) ์ผ์ ์ ๋ฑ๋ก( ํ์ฌ์คํ์ผ์ ๋ฑ )์ ์ํ ํ ์ด๋ธ ( plans )
โท ํ๋ฉด ์ปค๋ฒ ์ด๋ฏธ์ง์ ์ผ์ ์ด ํ์๋ ์์ ์ด๋ค.
4) ๋ก๊ทธ์ธ์ ์ํ ์ ์ ์ ๋ณด ํ ์ด๋ธ ( user )
1.2. API์ ์
๊ฐ DB ํ ์ด๋ธ์ ๊ธฐ๋ณธ CRUD์ API๋ก ์ ์ํ๊ณ , ๋ก๊ทธ์ธ ์ฒ๋ฆฌ, ํ์๊ฐ์ ์ฒ๋ฆฌ, ์ด๋ฏธ์ง ์ฒ๋ฆฌ๋ฅผ ์ํ ๊ธฐ๋ณธ API์ ์ถ๊ฐํ๋ค.
๋ชจ๋ API์ ๋ฏธ๋ฆฌ ๊ธฐ๋กํด๋๊ณ ์ถ์ง๋ง, ์ค๋ช ์ ์ํด์ ์ฌ๊ธฐ์ ์ ์๋์ง ์์ API ๋ ๊ฐ๋ฐ ๊ณผ์ ์์ ์ถ๊ฐํ ์์ ์ ๋๋ค.
๋ค์ํธ์ ๊ณ์........
'React&Python์ผ๋ก ์น๊ฐ๋ฐ > ๋งํฌ์๋น์ค' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
#5. Python์ผ๋ก API ๊ฐ๋ฐ(๊ธฐ๋ณธํ๊ฒฝ๊ตฌ์ฑ) (0) | 2023.03.09 |
---|---|
#5. Python์ผ๋ก API ๊ฐ๋ฐ (0) | 2023.03.09 |
#4. ํ๋ก์ ํธ ํด๋ ๊ตฌ์กฐ ๋ฐ ํ๊ฒฝ์ค์ (0) | 2023.03.09 |
#3. ๊ฐ๋ฐ ์ค๋น ( ๋ฐฑ์๋์ ํ๋ก ํธ์๋ ๊ด๋ จ ํด ์ค์น ) (0) | 2023.03.07 |
#1. ๊ฐ๋ฐ์ ํ๋ฉด์ ๋ฐฐ์ฐ๋ React์ Python Flask๋ก ๋งํฌ์๋น์ค ์ ์ (0) | 2023.03.06 |