diff --git a/README.md b/README.md index 4b979a0..ff74d3a 100644 --- a/README.md +++ b/README.md @@ -2,11 +2,11 @@ **πŸ‘‰ 배포 νŽ˜μ΄μ§€ : https://alittlekitten.github.io/SsocoTimer/** -**μ΅œμ‹  μ—…λ°μ΄νŠΈ λ‚ μ§œ : `2022.02.25`** +**μ΅œμ‹  μ—…λ°μ΄νŠΈ λ‚ μ§œ : `2022.02.26`** -**μ΅œμ‹  릴리즈 버전 : `ver 1.1.0`** +**μ΅œμ‹  릴리즈 버전 : `ver 1.1.1`** -![Honeycam 2022-02-25 02-39-36](https://user-images.githubusercontent.com/14370441/155577845-d4996b20-aa4e-4a0b-8a9b-78c3fc9df752.gif) +![Honeycam 2022-02-26 03-44-57](https://user-images.githubusercontent.com/14370441/155770607-7f0f5346-9672-478b-9f0d-70e32ef0ab9b.gif) - React와 CRAλ₯Ό μ΄μš©ν•΄μ„œ κ°„λ‹¨ν•œ μŠ€νƒ‘μ›ŒμΉ˜λ₯Ό λ§Œλ“€μ–΄λ³΄λŠ” μ—°μŠ΅μš© λ ˆν¬μ§€ν† λ¦¬μž…λ‹ˆλ‹€. - React의 기본적인 λ™μž‘ 방식을 읡히고 μžˆμŠ΅λ‹ˆλ‹€. @@ -106,6 +106,12 @@ - [x] ν˜„μž¬ μ‹œκ°„μ„ λ‚˜νƒ€λ‚΄λŠ” νƒ­ μΆ”κ°€ (μ‹œ, λΆ„, 초, λ°€λ¦¬μ΄ˆ ν‘œμ‹œ) - [x] 상단 헀더에 버전정보 μΆ”κ°€ +### `22.02.26` - `ver 1.1.1` + +- [x] `Clock` 연월일 μΆ”κ°€ +- [x] `Clock` λ°€λ¦¬μ΄ˆ λ‹¨μœ„ μ‚¬μš©μžκ°€ λ³Ό 수 없도둝 μ‚­μ œ +- [x] `Clock` 12μ‹œκ°„μ œ, 24μ‹œκ°„μ œλ₯Ό 선택할 수 μžˆλŠ” λ²„νŠΌ μΆ”κ°€ +
@@ -184,12 +190,23 @@ - μ²˜μŒμ—λŠ” λ³΅μž‘ν•˜κ²Œ λ°€λ¦¬μ΄ˆκΉŒμ§€ λ°›μ•„μ˜¬ ν•„μš”κ°€ μžˆμ„κΉŒ μ‹Άμ–΄μ„œ μ΄ˆκΉŒμ§€λ§Œ κ΅¬ν˜„μ„ ν•˜λ €κ³  ν–ˆμŠ΅λ‹ˆλ‹€. - useEffectμ•ˆμ— setTimeout을 μ΄μš©ν•΄μ„œ 1000ms 후에 μƒˆλ‘œμš΄ μ‹œκ°„μœΌλ‘œ λ Œλ”λ§λ˜λ„λ‘ λ§Œλ“€μ—ˆλŠ”λ°, μ΄λ ‡κ²Œ κ΅¬ν˜„ν•˜λ‹ˆ 초기 1초 λ”œλ ˆμ΄κ°€ λ°œμƒν•˜κ²Œ λ˜μ—ˆμŠ΅λ‹ˆλ‹€. -- ν•΄λ‹Ή λ”œλ ˆμ΄ ν˜„μƒμ„ 막기 μœ„ν•΄ λ°€λ¦¬μ΄ˆκΉŒμ§€ ν‘œκΈ°ν•˜κ³ , 1msλ§ˆλ‹€ λ¦¬λ Œλ”λ§ ν•˜λŠ” λ°©μ‹μœΌλ‘œ κ΅¬ν˜„ν–ˆμŠ΅λ‹ˆλ‹€. (μΆ”ν›„ λ”μš± νŽΈν•˜κ²Œ μ΄ˆκΈ°κ°’μ„ μ„€μ •ν•˜λŠ” 방법을 μ°Ύμ•„λ³Ό μ˜ˆμ •μž…λ‹ˆλ‹€.) +- ν•΄λ‹Ή λ”œλ ˆμ΄ ν˜„μƒμ„ 막기 μœ„ν•΄ λ°€λ¦¬μ΄ˆ μƒνƒœλ₯Ό λ§Œλ“€κ³ , λ°€λ¦¬μ΄ˆλ‹¨μœ„λ‘œ μƒνƒœκ°’μ„ λ³€κ²½ν•  수 μžˆλ„λ‘ λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. +- λ¦¬λ Œλ”λ§μ„ μœ„ν•œ ms μƒνƒœλΆ€λΆ„μ€ μ‚¬μš©μžμ—κ²Œ 보여지지 μ•Šλ„λ‘ λ³€κ²½ν•˜μ˜€κ³ , λ¦¬λ Œλ”λ§μ— 영ν–₯을 λΌμΉ˜μ§€ μ•Šλ„λ‘ `display:none` 처리λ₯Ό ν–ˆμŠ΅λ‹ˆλ‹€. + +### 연월일 μΆ”κ°€ + +- μ‹œκ³„ UX κ°œμ„ μ„ μœ„ν•΄ 연월일을 μΆ”κ°€ν•˜μ˜€μŠ΅λ‹ˆλ‹€. +- 미리 μž‘μ•„λ†“μ€ λ²”μœ„ λ‚΄μ—μ„œ 연월일을 μΆ”κ°€ν•˜κ³  μ‹Άμ—ˆκΈ° λ•Œλ¬Έμ— κΈ°μ‘΄ μ‹œλΆ„μ΄ˆμ˜ λ°”λ‘œ μœ—λΆ€λΆ„μ— 자리λ₯Ό λ§Œλ“€μ–΄μ£Όμ—ˆμŠ΅λ‹ˆλ‹€. +- `position:relation` μƒνƒœμΈ λΆ€λͺ¨ μ—˜λ¦¬λ¨ΌνŠΈμ˜ μ•„λž˜μ— μžˆλŠ” μžμ‹ μ»΄ν¬λ„ŒνŠΈλŠ” `position:absolute`λ₯Ό ν•˜κ²Œ 되면 ν•΄λ‹Ή μƒμœ„ μ—˜λ¦¬λ¨ΌνŠΈλ₯Ό κΈ°μ€€μœΌλ‘œ offset 속성이 μ μš©λœλ‹€λŠ” 점을 μ΄μš©ν•˜μ—¬ λ°°μΉ˜ν•˜μ˜€μŠ΅λ‹ˆλ‹€.
## 🎞 움지 +### ver 1.1.1 + +![Honeycam 2022-02-26 03-44-57](https://user-images.githubusercontent.com/14370441/155770559-87298367-0722-44cc-b0b2-450e0c50b77a.gif) + ### ver 1.1.0 ![Honeycam 2022-02-25 02-39-36](https://user-images.githubusercontent.com/14370441/155578669-cc970193-b256-4686-b0c5-4a06fd3aec01.gif)