Bibi's DevLog ๐Ÿค“๐ŸŽ

0์ฐจ ๊ธฐํš์•ˆ (SCC) ๋ณธ๋ฌธ

Projects/(๊ฐœ์ธ)๋ฉ์ด์™€ ๋‚˜ Doggo&Me

0์ฐจ ๊ธฐํš์•ˆ (SCC)

๋น„๋น„ bibi 2020. 8. 13. 07:39

(์ŠคํŒŒ๋ฅดํƒ€ ์ฝ”๋”ฉ ํด๋Ÿฝ ์ˆ˜์—…์˜ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ)

TIP : ์ผ๋‹จ ๊ธฐ๋ณธ์ ์ธ ํ‹€(html, API, ์‹ค์ œ ์ž‘๋™๊นŒ์ง€)์„ ๋‹ค ์™„์„ฑํ•œ ๋‹ค์Œ์— ํ”„๋ก ํŠธ์—”๋“œ ๋ฐฑ์—”๋“œ DB ๋“ฑ์„ ํ•˜๋‚˜์”ฉ ๋ณด์™„ํ•˜๋ฉด ๋œ๋‹ค!
์ฒ˜์Œ๋ถ€ํ„ฐ ์™„๋ฒฝํ•˜๊ฒŒ ํ•  ์ƒ๊ฐ ํ•˜์ง€ ๋งˆ๋ผ!

 

1. ํ”„๋กœ์ ํŠธ ์ด๋ฆ„/์„ค๋ช…

์ด๋ฆ„ : ๋ฉ์ด์™€ ๋‚˜

"๋‚˜์˜ ํ•˜๋ฃจ๋ฅผ ๊ด€๋ฆฌํ•ด ์ฃผ๋Š” ์ง‘์‚ฌ ๊ฐ•์•„์ง€๊ฐ€ ์žˆ๋Š” ์ผ์ •๊ด€๋ฆฌ ์›น/๋ชจ๋ฐ”์ผ ์›น ์„œ๋น„์Šค"

 

2. ํ”„๋กœ์ ํŠธ ์ƒ๊น€์ƒˆ(๋ ˆ์ด์•„์›ƒ)
=
๊ผญ ๊ทธ๋ฆผ์œผ๋กœ ๊ทธ๋ ค์ฃผ์„ธ์š”! (์ฑ—๋ด‡ ๋“ฑ ํ™”๋ฉด์ด ์—†๋Š” ํ”„๋กœ์ ํŠธ๋Š” ํŒจ์Šค)

 

 

3. ๊ฐœ๋ฐœํ•ด์•ผ ํ•˜๋Š” ๊ธฐ๋Šฅ

  • ํด๋ผ์ด์–ธํŠธ 
    -์ผ์ • ์ž‘์„ฑ, ์ €์žฅ
    -์ €์žฅํ•œ ์ผ์ • ์กฐํšŒ
    -์ผ์ • ์•Œ๋ฆผ ์„ค์ •
    -์ผ์ • ๊ฒ€์ƒ‰
    -1์ผ(to-do list) <-> 7์ผ(์ฃผ๊ฐ„) <-> 30์ผ(์›”๊ฐ„)์˜ 3 ๋ ˆ์ด์•„์›ƒ ์ œ๊ณต(๋ฒ„ํŠผ์œผ๋กœ ๋ ˆ์ด์•„์›ƒ ์ „ํ™˜ ๊ฐ€๋Šฅ)
    (ํŽ˜์ด์ง€ ๋”ฐ๋กœ ๋งŒ๋“ค์–ด์„œ html๋งํฌ๊ฑธ๊ธฐ)

  • ์„œ๋ฒ„
    -์ž‘์„ฑ๋œ ์ผ์ •์„ DB์— ์ €์žฅ
    -์ €์žฅ๋œ ์ผ์ • ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
    -์ €์žฅ๋œ ์ผ์ • ๊ฒ€์ƒ‰
    -์•Œ๋ฆผ ์„ค์ •์„ ๋ฐ›๊ณ  ์„ค์ •๋œ ์•Œ๋ฆผ(์นดํ†ก/์ด๋ฉ”์ผ) ๋ณด๋‚ด๊ธฐ

  • DB
    -๊ตญ๊ฒฝ์ผ ์ •๋ณด ์ €์žฅ, ๊ด€๋ฆฌ? -> ๊ตญ๊ฒฝ์ผ API๋กœ ํ•ด๊ฒฐ?
    -์ผ์ • ์ €์žฅ ๋ฐ ๊ด€๋ฆฌ CRUD
    -ํšŒ์›์ •๋ณด ์ €์žฅ ๋ฐ ๊ด€๋ฆฌ CRUD

  • (๋ฉ”์ธ ๊ธฐ๋Šฅ)
    ์บ˜๋ฆฐ๋”, To-do๋ฆฌ์ŠคํŠธ์™€ ์Šค์ผ€์ค„ ์•Œ๋ฆผ ๊ธฐ๋Šฅ(ํ‘ธ์‹œ ์•Œ๋ฆผ, ์นดํ†ก ๋ฉ”์‹œ์ง€ ์•Œ๋ฆผ)
    - ์บ˜๋ฆฐ๋” ๊ตฌํ˜„ (๊ตญ๊ฒฝ์ผ API ์ฐธ๊ณ )
    - to-do ๋ฆฌ์ŠคํŠธ ๊ตฌํ˜„ or ์บ˜๋ฆฐ๋”์— ๋‚ด์žฅ.
    - ๋ฉ”์‹ ์ €(์นดํ†ก ๋“ฑ)/๋ฉ”์ผ ๋ณด๋‚ด ์•Œ๋ฆผ ๊ธฐ๋Šฅ or (์•ฑ-push ์•Œ๋ฆผ ๊ธฐ๋Šฅ) : ์„ค์ •ํ•œ ์‹œ๊ฐ„์— ๋งž๊ฒŒ ์•Œ๋ฆผ ์ œ๊ณต
      > ์นดํ†ก : ์นด์นด์˜คํ†ก ์ฑ„๋„ ํ™œ์šฉํ•ด ์•Œ๋ฆผ ํ†ก ๋ณด๋‚ด๊ธฐ
      > ๋ฉ”์ผ : ์ŠคํŒŒ๋ฅดํƒ€ 'ํ•œ๊ฑธ์Œ ๋”'-(ํŒŒ์ด์ฌ) ๋ฉ”์ผ ๋ณด๋‚ด๊ธฐ ๊ธฐ๋Šฅ ํ™œ์šฉ ๋ฐ ์‘์šฉ.

  • ํšŒ์›์ œ ๊ธฐ๋Šฅ
    -ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ ๊ฐ€๋Šฅ -> 'ํ•œ๊ฑธ์Œ ๋”'!
    -์ด๋ฉ”์ผ ์ธ์ฆ, ์•„์ด๋””/๋น„๋ฐ€๋ฒˆํ˜ธ ์ฐพ๊ธฐ ๊ธฐ๋Šฅ

  • ๊ฐ„๋‹จํ•œ ๋‚ ์”จ์ •๋ณด์ œ๊ณต ๋ฐ ์•Œ๋ฆผ ๊ธฐ๋Šฅ
    -๋‚ ์”จ์ •๋ณด API ์—ฐ๊ฒฐ

  • ํƒ€ ์บ˜๋ฆฐ๋”์—์„œ ์ •๋ณด ๋ถˆ๋Ÿฌ์˜ค๊ธฐ
    -ํƒ€ ์บ˜๋ฆฐ๋” ์ •๋ณด ํฌ๋กค๋ง?

 

4. ํ”„๋กœ์ ํŠธ์— ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ ์†Œ์Šค (3์ฃผ ์ฐจ ๊ณตํ†ต ์ˆ™์ œ ์ฐธ๊ณ )

→๋‚ ์”จ API

→์บ˜๋ฆฐ๋” ๊ตญ๊ฒฝ์ผ/๊ธฐ๋…์ผ API

→๊ทธ ์™ธ ๋ชจ๋ฐ”์ผ ์›น ๊ฐœ๋ฐœ ํŠœํ† ๋ฆฌ์–ผ?
API ์‚ฌ์šฉ๋ฒ• ์ตํžˆ๊ธฐ

 

ํŠœํ„ฐ ํ”ผ๋“œ๋ฐฑ ๋ฐ ๊ฐœ๋ฐœ ์šฐ์„ ์ˆœ์œ„

๋ชจ๋ฐ”์ผ์›น->pc์›น ์ˆœ์„œ๋กœ ๊ฐœ๋ฐœ

๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ์€ ๋งจ ๋‚˜์ค‘์œผ๋กœ.(๋‚œ์ด๋„ ์žˆ์Œ)

์ œ์ผ ๋จผ์ €(๋‹ค์Œ์ฃผ๊นŒ์ง€) : ํ”„๋ก ํŠธ์—”๋“œ๋งŒ 1/7/30์ผ ๋ ˆ์ด์•„์›ƒ html,css ์–ผ๊ฐœ ์žก๊ณ  -> api๋งŒ๋“ค๊ณ  -> ์™„์„ฑ๋˜๋ฉด html๋ณด์™„ ๋˜๋Š” db์ƒ์„ฑ
๊ทธ๋ฆฌ๊ณ  api์‚ฌ์šฉ๋ฒ• ์ตํ˜€์˜ค๊ธฐ ๋ชจ๋ฐ”์ผ์›น๊ฐœ๋ฐœํŠœํ† ๋ฆฌ์–ผ ์ตํžˆ๊ธฐ