ver 1.1.1. 업데이트

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시간제를 선택할 수 있는 버튼 추가
+
 
 <br />
 
@@ -184,12 +190,23 @@
 
 - 처음에는 복잡하게 밀리초까지 받아올 필요가 있을까 싶어서 초까지만 구현을 하려고 했습니다.
   - useEffect안에 setTimeout을 이용해서 1000ms 후에 새로운 시간으로 렌더링되도록 만들었는데, 이렇게 구현하니 초기 1초 딜레이가 발생하게 되었습니다.
-- 해당 딜레이 현상을 막기 위해 밀리초까지 표기하고, 1ms마다 리렌더링 하는 방식으로 구현했습니다. (추후 더욱 편하게 초기값을 설정하는 방법을 찾아볼 예정입니다.)
+- 해당 딜레이 현상을 막기 위해 밀리초 상태를 만들고, 밀리초단위로 상태값을 변경할 수 있도록 만들었습니다.
+- 리렌더링을 위한 ms 상태부분은 사용자에게 보여지지 않도록 변경하였고, 리렌더링에 영향을 끼치지 않도록 `display:none` 처리를 했습니다.
+
+### 연월일 추가
+
+- 시계 UX 개선을 위해 연월일을 추가하였습니다.
+- 미리 잡아놓은 범위 내에서 연월일을 추가하고 싶었기 때문에 기존 시분초의 바로 윗부분에 자리를 만들어주었습니다.
+- `position:relation` 상태인 부모 엘리먼트의 아래에 있는 자식 컴포넌트는 `position:absolute`를 하게 되면 해당 상위 엘리먼트를 기준으로 offset 속성이 적용된다는 점을 이용하여 배치하였습니다.
 
 <br />
 
 ## 🎞 움짤
 
+### 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)