Releases: alittlekitten/SsocoTimer
Releases · alittlekitten/SsocoTimer
v1.6.2
v1.6.1 D-Day 탭 중심 로직 및 디자인 패치 (기타 디자인 패치 포함)
📜 주요 변경사항
- 화면이 작은 경우 스크롤이 생기는 부분 제거
- 해당 월에 없는 날짜가 화면에 남아있는 현상 제거
- useDday 비즈니스 로직을 별도로 분리
- 다크모드일 때 nav바에 흰색 그림자 추가
- D-day부분 결과 메시지창 컬러 하이라이팅으로 가독성 향상 (팔레트 색상 추가)
🎞 움짤
👉 D-day 변경사항
👉 다크모드 navbar 그림자 추가 사진 비교
👉 크기 변경에도 스크롤바가 생성되지 않음
👉 전체 요약
v1.6.0 D-Day 탭 추가 및 일부 디자인 수정
📜 주요 변경사항
- 디데이 탭 추가
- 타이틀 중 시계의 palette 색상 변경 (D-Day 탭 추가로 인한 조정)
- svg 사진에 설명(alt) 추가 - svg 파일에 alt속성을 직접 줄 수 없어 우회적으로 title 적용
- 탭에 들어가는 이름에 띄어쓰기 추가
🎞 움짤
v1.5.2 화면단 이외의 부가요소 업데이트
📜 주요 변경사항
- 사이트맵 추가
- 오픈그래프 추가
- react-helmet을 react-helmet-async으로 변경
- MIT License 추가
🎞 적용 사진
🚧 Open Graph
🚩 MIT License
v1.5.1 이스터에그 및 Lap 관련 디자인 및 기능 업데이트
📜 주요 변경사항
- 일부 이스터에그 추가 (이스터에그는 따로 공개하지 않습니다)
- 팔레트 타입 구조 수정 (index signature 적용)
- 타이틀 드래그 방지
- Lap 영역을 별도로 할당하고 스크롤 부여
- 다크모드일 때 확대하면 생기는 흰 영역 제거
- Lap이 추가될 때 스크롤이 자동으로 맨 아래로 내려가도록 수정
🎞 움짤
v1.5.0 다크모드 및 기타 사용성 업데이트
📜 주요 변경사항
- 다크모드 구현
- util버튼들의 hover 효과 변경 (rotate)
- Timer: 3초 이내로 남았을 때 작은 범위만 색칠됐던 것을 화면 전체로 확대
- 다크모드에 사용할 색들을 palette에 담아서 변수처리해서 사용 (emotion의
themeProvider,useTheme사용) - 절대경로 일부 개선
- 로컬스토리지에 다크모드 상태값을 저장하여 브라우저를 종료하고 다시 켜도 해당 상태값 불러와서 바로 적용할 수 있도록 구현
-
react-router-dom을 이용한 라우팅처리 - 활성화된 기능에 따라 브라우저 탭의 이름 변경
🎞 움짤
v1.4.0
📜 주요 변경사항
- 상태값 저장 - 타이머와 스톱워치가 동시에 돌 수 있도록 구현하기
- 타이머 랩하고 스톱워치 랩 데이터가 통일이 안되어있어서 불편
- 타이머 위아래로 시 분 초에 모두 + - 버튼 달기
- 분과 초에서 59가 넘는 숫자를 입력하면 강제로 59로 놓기
- 최솟값이랑 최댓값일 때 더하기 빼기 버튼 비활성화된것처럼 보이게 하기
🎞 움짤
v1.3.0
📜 주요 변경사항
- 12시간제 시계에서 12시가 00시로 표시되는 오류 수정 👉 issue 링크
- - - 버튼 마우스 커서 pointer로 바꾸기 👉 issue 링크
- craco 적용을 통한
JSX pragma제거 - craco 적용을 통한 절대경로 설정
- 필요없는 logo.svg파일 삭제
-
padStart를 통한 코드 리팩토링 -
eslint,prettier적용 및@typescript-eslint적용 - eslint 설정으로부터 발견된 미비한 타입 및 인터페이스 관련 문제 및 오류 해소, any type 제거
- 재생 버튼과 일시정지 버튼을 조건부 렌더링으로 화면에 띄워서 UI/UX 개선
🎞 움짤
v1.2.1
📜 주요 변경사항
- 커스텀 훅을 이용한 관심사 분리 (비즈니스 로직 분리)
- svg 파일 불러올 때 인식하지 못하는 문제를 해결하기 위한 레퍼런스 설정 변경 (react-scripts 타입 의존성 가져오기)
- 기타 환경설정 변경 및 메타데이터 변경
🎞 메타데이터 추가 사진 (모바일 환경)
v1.2.0
📜 주요 변경사항
- 타입스크립트 마이그레이션
🎞 움짤
