Giter Club home page Giter Club logo

domado's Introduction

domado ๐Ÿ…

ํ˜ผ์ž ์“ฐ๋ ค๊ณ  ๋งŒ๋“  ๋ฝ€๋ชจ๋„๋กœ ์ผ๋ ‰ํŠธ๋ก  ์•ฑ

๋ฝ€๋ชจ๋„๋กœ ๋‹จ์ถ•ํ‚ค

๋‹จ์ถ•ํ‚ค ์„ค๋ช…
Space or cmd + shift + d ๋ฝ€๋ชจ๋„๋กœ ์‹œ์ž‘/์ค‘์ง€
a ๋ฝ€๋ชจ๋„๋กœ ๊ฐœ์ˆ˜ ์ฆ๊ฐ€
s ๋ฝ€๋ชจ๋„๋กœ ๋Œ€๊ธฐ์ƒํƒœ๋กœ ์ดˆ๊ธฐํ™”(ํœด์‹ ์Šคํ‚ต)
r ์ƒˆ๋กœ๊ณ ์นจ(๋ฝ€๋ชจ๋„๋กœ ๊ฐœ์ˆ˜ ์ดˆ๊ธฐํ™”)

domado's People

Contributors

younggeun0 avatar hyeonjeongju avatar

Stargazers

 avatar

Watchers

 avatar

domado's Issues

๋ฝ€๋ชจ๋„๋กœ ์™„๋ฃŒ ์‹œ์ ์— ๋ฉ”๋ชจ ๊ธฐ๋Šฅ

1 ๋ฝ€๋ชจ๋„๋กœ ์™„๋ฃŒ ์‹œ ์ž‘์—… ๋‚ด์šฉ์„ ๋…ธ์…˜ ํŽ˜์ด์ง€์— ๊ธฐ๋กํ•˜๋Š” ๊ธฐ๋Šฅ

๋ฝ€๋ชจ๋„๋กœ ์™„๋ฃŒ ์‹œ ๋‚ด์šฉ ์ž…๋ ฅ ์—ฌ๋ถ€๋ฅผ ๋ฌป๊ณ  ๋ฝ€๋ชจ๋„๋กœ ++ ๋™์ž‘ ์ˆ˜ํ–‰, ์ˆ˜ํ–‰ํ•˜๋ฉฐ ๋‚ด์šฉ ์ถ”๊ฐ€ํ•˜๋„๋ก ๊ฐœ์„ 

์Šคํƒ€์ผ ์ˆ˜์ •

UI ๋ฒ„ํŠผ ์Šคํƒ€์ผ ์ˆ˜์ •

  • ๋ถˆํ•„์š”ํ•œ ๋งํฌ, ๋ฒ„ํŠผ ์„ค๋ช… ์ œ๊ฑฐ
  • ํƒ€์ด๋จธ ์ œ๊ฑฐ(๋ฐฐ๊ฒฝ์ƒ‰์ด ์• ๋‹ˆ๋ฉ”์ด์…˜์œผ๋กœ ๋น ์ง€๊ณ  ์ฐจ์˜ค๋ฅด๋Š” ๊ธฐ๋Šฅ ๊ตฌํ˜„)
  • ํŠธ๋ ˆ์ด์™€ ๊ทธ๋ผ๋ฐ์ด์…˜ ์ƒ‰์ƒ ๋งž์ถ”๊ธฐ
  • ๊ธฐ๋ก ๋ฒ„ํŠผ submit ๋Œ€์‹  button์œผ๋กœ ๋ณ€๊ฒฝ(์—”ํ„ฐ ์ž…๋ ฅ ์‹œ ์ „์†ก๋ง‰๊ธฐ ์œ„ํ•จ)

๋ฝ€๋ชจ๋„๋กœ ์‹œ์ž‘ ์‹œ count๋ฅผ ๋‹ค์‹œ ์„ค์ •ํ•˜๊ธฐ

๋ฝ€๋ชจ๋„๋กœ ์‹œ์ž‘ ์‹œ count๋ฅผ ๋‹ค์‹œ ์„ค์ •ํ•˜๊ธฐ

์ „๋‚  ์ž‘์—…ํ•˜๋˜ ๋„์ค‘ ๊ณ„์† ์‹คํ–‰์‹œ์ผœ๋‘” ์ƒํƒœ๋กœ ๋ฝ€๋ชจ๋„๋กœ ์‹คํ–‰ ์‹œ count๊ฐ€ ๊ฐฑ์‹ ๋ผ ํ‘œ์‹œ๋˜์ง€ ์•Š์Œ(์ด์ „ count๊ฐ€ ๋ณด์—ฌ์ง)
์‹คํ–‰์ „์— ๊ฐฑ์‹ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฐœ์„  ํ•„์š”

๋ฆฌ์•กํŠธ ๋ผ์šฐํŠธ ์ถ”๊ฐ€

๋‹จ์ผ ํŽ˜์ด์ง€์—์„œ ๋ชจ๋“  ์ƒํƒœ๊ฐ’์„ ์ด์šฉํ•ด์„œ ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๊ฒƒ๋ณด๋‹ค ๋ผ์šฐํŠธ๋กœ ์ƒํƒœ๋ฅผ ๊ตฌ๋ถ„์ง“๋Š”๊ฒŒ ์ข‹๋‹ค๊ณ  ํŒ๋‹จ๋ผ ์ˆ˜์ •์˜ˆ์ •

task๋ช… ๋ณ€๊ฒฝ ๊ธฐ๋Šฅ

task์ž…๋ ฅ ํ›„ ํƒ€์ด๋จธ ๋™์ž‘ํ•˜๋Š” ๋™์•ˆ task๋ช… ๋ฐ”๊พธ๊ณ  ์‹ถ์–ด๋„ ๋ฐ”๊ฟ€ ์ˆ˜ ์—†๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์Œ

  1. task ํด๋ฆญ ์‹œ ๋ณ€๊ฒฝ input์œผ๋กœ ๋ณ€๊ฒฝ
  2. ์ž…๋ ฅ๊ฐ’์œผ๋กœ ๊ฐฑ์‹ 
  3. blur ์‹œ ๋ณ€๊ฒฝ๋‚ด์šฉ์ด ๋ฐ˜์˜๋˜๋„๋ก

๊ธฐ๋ก์•ˆํ•จ ์ถ”๊ฐ€

๊ธฐ๋ก๋ชจ๋“œ ์‚ฌ์šฉ ์‹œ ๊ธฐ๋กํ•  ๋‚ด์šฉ์ด ์—†๋Š” ๊ฒฝ์šฐ ์Šคํ‚ตํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์ด ํ•„์š”ํ•จ

๋ฝ€๋ชจ๋„๋กœ ํ…Œํฌ๋‹‰ ๊ธฐ๋Šฅ ๊ฐœ์„ 

์‹œ๊ฐ„์„ ์š”๋ฆฌํ•˜๋Š” ๋ฝ€๋ชจ๋„๋กœ ํ…Œํฌ๋‹‰ ์ฑ…์„ ์ฝ๊ณ  ์ถ”๊ฐ€ ๊ฐœ์„  ๊ฐ€๋Šฅํ•œ ๋ถ€๋ถ„๋“ค์ด ์žˆ๋Š” ๊ฒƒ ๊ฐ™์•„ ์ •๋ฆฌ

  1. ๋‚ด๋ถ€๋ฐฉํ•ด ์š”์†Œ ๊ด€๋ฆฌ, ์ž‘์—… ์ค‘ ๋‚ด๋ถ€๋ฐฉํ•ด์š”์†Œ ๋งŒ๋‚ฌ์„ ๋•Œ ์ถ”๊ฐ€ ๊ธฐ๋ก์„ ํ†ตํ•ด ๋ฐฉํ•ด๋ฐ›์€ ๋‚ด์šฉ์„ ์ถ”๊ฐ€ ๊ธฐ์ž…ํ•˜๊ธฐ
  2. ์—…๋ฌด ์‹œ์ž‘ ์ „ ๋ฝ€๋ชจ๋„๋กœ ๏ฟฝํšŸ์ˆ˜๋ฅผ ์˜ˆ์ธกํ•˜๊ณ  ๊ธฐ์ž…, ์‹ค์ œ ๋‹ฌ์„ฑ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ ์ถ”๊ฐ€ํ•˜๊ธฐ
  3. ๋งค๋ฒˆ ๋™๊ธฐํ™”ํ•˜์ง€ ์•Š๊ณ  ๋กœ์ปฌ์Šคํ† ๋ฆฌ์ง€์— ํ•˜๋ฃจ์น˜ ๋ฝ€๋ชจ๋„๋กœ๋ฅผ ๊ธฐ๋กํ–ˆ๋‹ค๊ฐ€ ํ•œ๋ฒˆ์— ์˜ฌ๋ ค๋„ ๊ดœ์ฐฎ์„ ๊ฒƒ ๊ฐ™์Œ

๋ฝ€๋ชจ๋„๋กœ++ ๋ฒ„ํŠผ

๋ฝ€๋ชจ๋„๋กœ ์‹คํ–‰ํ•˜๋Š”๊ฑธ ๊นœ๋นกํ•œ ๊ฒฝ์šฐ ๋ฐ”๋กœ ๊ฐฑ์‹ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ++ ๋ฒ„ํŠผ์„ ์ถ”๊ฐ€ํ•  ๊ฒƒ(๋…ธ์…˜ํ‚ค ์„ค์ •๋œ ๊ฒฝ์šฐ๋งŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๋„๋ก)

๋ฝ€๋ชจ๋„๋กœ ์žฌ์‹œ์ž‘ ๊ธฐ๋Šฅ

๋ฝ€๋ชจ๋„๋กœ ์žฌ์‹œ์ž‘ ๊ธฐ๋Šฅ์ด ๋ˆ„๋ฝ๋จ
ํ˜„์žฌ๋Š” ์ง„ํ–‰์ค‘์ธ ๋ฝ€๋ชจ๋„๋กœ๋ฅผ ๋ฉˆ์ถœ ์ˆ˜๋งŒ ์žˆ์ง€๋งŒ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋Š” ๊ธฐ๋Šฅ์ด ํ•„์š”

ํ‚ค๋ณด๋“œ ๋™์ž‘ ์ง€์›

์•ฑ์— ํฌ์ปค์Šค๊ฐ€ ๊ฐ€ ์žˆ์„ ๋•Œ ์ŠคํŽ˜์ด์Šค ํ‚ค๋กœ ์žฌ์ƒ ์ •์ง€๊ฐ€ ๊ฐ€๋Šฅํ•˜๋„๋ก ๊ธฐ๋Šฅ ๊ฐœ์„ 

๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ๊ธฐ๋ก ์‹œ ๋‹ค๋ฅธ ํ˜•ํƒœ์˜ ์ด๋ชจ์ง€๋กœ ๊ธฐ๋ก๋  ์ˆ˜ ์žˆ๊ฒŒ ์ˆ˜์ • ํ•„์š”

ํ˜„์žฌ๋Š” ์‹ค์ œ ์—…๋ฌด ์‹œ๊ฐ„์— ๋ฝ€๋ชจ๋„๋กœ๋ฅผ ์‹คํ–‰ํ•œ ๊ฒƒ๊ณผ ์•ฑ ๊ฐœ๋ฐœ์„ ์œ„ํ•ด ํ…Œ์ŠคํŠธ๋กœ ์‹คํ–‰ํ•œ ๊ฒƒ ๊ตฌ๋ถ„์ด ์•ˆ๋˜๋Š” ์ƒํ™ฉ
๊ฐœ๋ฐœ ํ™˜๊ฒฝ์—์„œ ์‹คํ–‰ ์‹œ ํ† ๋งˆํ†  ๋Œ€์‹  ๋‹ค๋ฅธ ์ด๋ชจ์ง€๊ฐ€ ๋ถ™๋Š” ํŽ˜์ด์ง€๊ฐ€ ์ถ”๊ฐ€๋˜๋„๋ก ๊ฐœ์„  ํ•„์š”

์ž์ž˜ํ•œ TODO ์ด์Šˆ๋“ค

  • task๋ช… ๊ธธ์–ด์งˆ ๊ฒฝ์šฐ ํŒจ๋”ฉ์ด ์—†์–ด์ง€๋Š” ํ˜„์ƒ ์ˆ˜์ •
  • ์ด์ „ task๋ช…์„ ๋‹ค์‹œ ์ž…๋ ฅํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ (์œ„ ํ™”์‚ดํ‘œ ์ž…๋ ฅ ์‹œ ์ด์ „ task ํ‘œ์‹œ, ์•„๋ž˜ ํ™”์‚ดํ‘œ ์ž…๋ ฅ ์‹œ ๋นˆ๊ฐ’)

ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์ • ๋ฐฉ์‹ ๋ณ€๊ฒฝ

๋…ธ์…˜์— ๊ธฐ๋กํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ์…˜ APIํ‚ค, ๋…ธ์…˜ DB ID๊ฐ€ ํ•„์š”, ํ˜„์žฌ๋Š” ํŒจํ‚ค์ง• ์‹œ .envํŒŒ์ผ์— ๋ฏธ๋ฆฌ ์„ค์ •ํ•ด์•ผ ํ•˜๋Š” ๋ถˆํŽธํ•จ์ด ์กด์žฌ
์ž…๋ ฅ๋ฐ›์€ ํ‚ค๊ฐ’๋“ค์„ ๋ณ„๋„ ํŒŒ์ผ๋กœ ์ž‘์„ฑํ•˜๊ฑฐ๋‚˜ localStorage์— ์ €์žฅํ•ด์„œ ์œ ์ง€ํ•œ๋‹ค๋ฉด ๋ถˆํ•„์š”ํ•˜๊ฒŒ ํŒจํ‚ค์ง•ํ•  ํ•„์š”๊ฐ€ ์—†์–ด์ง

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.