1. ๊ธฐ๋ณธ ์„ค๊ณ„

ํ™”๋ฉด
ํ™”๋ฉด ๋‚ด์šฉ๊ณผ DB ๋ฐ API ์ •์˜

๊ฐ„๋‹จํ•œ ํ”„๋กœ๊ทธ๋žจ์ด์ง€๋งŒ, ํ”„๋กœ์ ํŠธ ๋งค๋‹ˆ์ €๋‚˜ ๊ธฐํš์ž์ฒ˜๋Ÿผ, ๊ฐœ๋ฐœ ์ด์ „์— ์–ด๋Š์ •๋„ ์„ค๊ณ„๊ฐ€ ๋˜์–ด์•ผ ๊ฐœ๋ฐœ์˜ ์ผ๊ด€์„ฑ์ด ์ƒ๊ธด๋‹ค.

ํ˜ผ์ž์„œ ํ”„๋ก ํŠธ์—”๋“œ์™€ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์„ ํ•˜๊ฒŒ ๋˜์–ด ์‹ค์ œ ๋‚ด์šฉ์ด ์–ด์„คํ”„๋”๋ผ๋„ ์–‘ํ•ดํ•ด์ฃผ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.

 

ํ™”๋ฉด์€ ๋””์ž์ธ์ด ๋˜์—ˆ์ง€๋งŒ, ์‚ฌ์‹ค ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ํผ๋ธ”๋ฆฌ์‹ฑ์„ ํ–ˆ๊ณ , ๊ทธ ๋‹จ๊ณ„ ๋‹จ๊ณ„๋ฅผ ์•ž์œผ๋กœ ๋ณด์—ฌ์ค„ ์˜ˆ์ •์ด๋‹ค.

 

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 ๋Š” ๊ฐœ๋ฐœ ๊ณผ์ •์—์„œ ์ถ”๊ฐ€ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.

 


๋‹ค์ŒํŽธ์— ๊ณ„์†........

 

+ Recent posts