GithubHelp home page GithubHelp logo

taptap's Introduction

Tap Tap πŸ‘πŸ»

taptap's People

Contributors

f-lab-bot avatar yesl-kim avatar

Forkers

yesl-kim

taptap's Issues

μ‹œκ°„ 기둝 생성

  • ν•  일 선택
    • ν•  일 쑰회 API (tasks) μˆ˜μ • - λ°˜λ³΅λ˜λŠ” ν•  일 쀑 <였늘> ν•  일 λ°˜ν™˜
  • 타이머 κΈ°λŠ₯
  • μ‹œκ°„ 기둝 μΆ”κ°€
  • <였늘> 총 μ‚¬μš©μ‹œκ°„ 쑰회
    • μ‹œκ°„ 기둝 λͺ©λ‘ 쑰회 API (records) μˆ˜μ • - μ‚¬μš©μ‹œκ°„ field μΆ”κ°€

[ν•  일 μΆ”κ°€ 폼] μ‹œκ°„ 선택 μ‹œ ꡬ간 쀑볡 방지

상황

  • 닀쀑 μ‹œκ°„ 선택 κ°€λŠ₯
  • 이미 μ„ νƒλœ μ‹œκ°„κ³Ό κ²ΉμΉ˜λŠ” ꡬ간 쀑볡 선택 κ°€λŠ₯

κΈ°λŒ€ κ²°κ³Ό

  • μ„ νƒλœ μ‹œκ°„μ€ disabled 속성을 톡해 선택을 μ œν•œν•΄μ•Όν•¨
  • (μΆ”κ°€ μ œμ•ˆ) 데이터 μ‘°νšŒμ‹œ μ„œλ²„μ—μ„œ μ€‘μ²©λœ ꡬ간 λ³‘ν•©ν•˜μ—¬ 응닡 (ν•œ 번 더 검증)

기둝 생성 ν›„ μƒˆλ‘œ μΆ”κ°€λœ 기둝 (Record)의 κ΄€κ³„ν˜• field(Task)에 μ ‘κ·Ό μ‹œ μ—λŸ¬ λ°œμƒ

상황

  • 기둝 생성 ν›„ records의 κ΄€κ³„ν˜• field (records.task와 같은 κ΄€κ³„ν˜• 데이터) μ ‘κ·Ό μ‹œ 였λ₯˜ λ°œμƒ (records.taskκ°€ μ—†μŒ)
  • 기둝 생성 μ‹œ μΊμ‹œ μ—…λ°μ΄νŠΈν•˜λŠ” λΆ€λΆ„μ—μ„œμ˜ 문제둜 μΆ”μ •

νƒ€μž„ν…Œμ΄λΈ” ν™”λ©΄ μΆ”κ°€

  • λ‚ μ§œ 선택 UI styling
  • νƒ€μž„ν…Œμ΄λΈ” (μˆ˜μ •ν•„μš”)
  • 전체 ν•  일 λͺ©λ‘ 쑰회
    • ν•  일 μˆ˜μ •
    • ν•  일 μ‚­μ œ
  • 일별 μΉ΄ν…Œκ³ λ¦¬λ³„ 총 μ‚¬μš©μ‹œκ°„ 톡계 κ·Έλž˜ν”„

[νƒ€μž„ν…Œμ΄λΈ”] λ ˆμ΄μ•„μ›ƒ μˆ˜μ •

상황

  • νƒ€μž„ν…Œμ΄λΈ”μ„ ν˜„μž¬ table νƒœκ·Έλ‘œ λ Œλ”ν•˜κ³  있음
  • 데이터가 μ—†λŠ” κ²½μš°μ—λ„ (ν•΄λ‹Ή μ‹œκ°„μ— κ³„νš 및 기둝이 μ—†λŠ” 경우) 기본적으둜 24개의 돔 μ—˜λ¦¬λ¨ΌνŠΈλ₯Ό μƒμ„±ν•˜κ³  있음
  • 슀크린 리더기에 λ¬΄μ˜λ―Έν•œ μš”μ†Œλ“€μ΄ λ„ˆλ¬΄ 많이 λ Œλ”λ˜κ³  있음

=> λ ˆμ΄μ•„μ›ƒ λ‹€μ‹œ ꡬ좕 ν•„μš”
=> μ‹œκ°μ μΈ μš”μ†Œμ˜ 경우 aria-hidden ν˜Ήμ€ role='presentation' 속성 지정 ν•„μš”

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.