/fc-todo

Primary LanguageJavaScript

๐Ÿ“Œ ํ•  ์ผ ๊ด€๋ฆฌ(Todo) ํ”„๋กœ์ ํŠธ

  • ๊ณผ์ œ ๊ธฐํ•œ:
    • ๊ณผ์ œ ์ˆ˜ํ–‰ ๊ธฐ๊ฐ„: 05์›” 19์ผ(๋ชฉ) ~ 06์›” 09์ผ(๋ชฉ)
    • ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๊ธฐ๊ฐ„: 06์›” 09์ผ(๋ชฉ) ~ 06์›” 17์ผ(๊ธˆ)
  • ๋‚ด์šฉ:
    • ์ฃผ์–ด์ง„ API๋ฅผ ํ™œ์šฉํ•ด ํ•  ์ผ ๊ด€๋ฆฌ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”.

์š”๊ตฌ์‚ฌํ•ญ

ํ•„์ˆ˜ ์š”๊ตฌ์‚ฌํ•ญ

  • ํ•  ์ผ ๋ชฉ๋ก(list)์„ ์กฐํšŒ(Read)ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

  • ํ•  ์ผ ํ•ญ๋ชฉ(item)์„ ์ถ”๊ฐ€(Create)ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

  • ํ•  ์ผ ํ•ญ๋ชฉ์„ ์ˆ˜์ •(Update)ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

  • ํ•  ์ผ ํ•ญ๋ชฉ์„ ์‚ญ์ œ(Delete)ํ•  ํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

  • ์‹ค์ œ ์„œ๋น„์Šค๋กœ ๋ฐฐํฌํ•˜๊ณ  ์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ๋งํฌ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค..

์„ ํƒ ์š”๊ตฌ์‚ฌํ•ญ

  • ํ•  ์ผ ํ•ญ๋ชฉ์˜ ์ˆœ์„œ๋ฅผ ๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด ๋ณด์„ธ์š”.

  • ํ•  ์ผ์„ ์™„๋ฃŒํ•˜์ง€ ์•Š์€ ํ•ญ๋ชฉ๊ณผ ์™„๋ฃŒํ•œ ํ•ญ๋ชฉ์„ ๋ถ„๋ฅ˜ํ•ด์„œ ์ถœ๋ ฅํ•ด ๋ณด์„ธ์š”.

  • ํ•  ์ผ์„ ์™„๋ฃŒํ•œ ํ•ญ๋ชฉ์„ ํ•œ๋ฒˆ์— ์‚ญ์ œํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด ๋ณด์„ธ์š”.

  • ํ•  ์ผ ํ•ญ๋ชฉ์˜ ์ตœ์‹  ์ˆ˜์ •์ผ์„ ํ‘œ์‹œํ•ด ๋ณด์„ธ์š”.

  • ์ตœ์ดˆ API ์š”์ฒญ(Request)์— ๋Œ€ํ•œ ๋กœ๋”ฉ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ถ”๊ฐ€ํ•ด ๋ณด์„ธ์š”.

  • SCSS, Bootstrap ๋“ฑ์„ ๊ตฌ์„ฑํ•ด ํ”„๋กœ์ ํŠธ๋ฅผ ์ตœ๋Œ€ํ•œ ์˜ˆ์˜๊ฒŒ(?) ๋งŒ๋“ค์–ด ๋ณด์„ธ์š”.

RESULT

SKILLS

HTML5 CSS3 JavaScript

๋Š๋‚€์ 

API์— ๋Œ€ํ•œ ์ดํ•ด๋„๊ฐ€ ์กฐ๊ธˆ์€ ์ƒ๊ฒผ๊ณ  ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๋งŒ๋“ค์—ˆ์„ ๋•Œ ์–ผ๋งˆ๋‚˜ ์ฝ”๋“œ๊ฐ€ ์งง์•„์งˆ์ง€ ๊ธฐ๋Œ€๊ฐ€ ๋œ๋‹ค.