디자인
피그마를 사용해 앱의 와이어 프레임 및 디자인을 진행했습니다.
공통으로 사용할 컴포넌트들을 분리해주었습니다.
- 라이트 모드 <-> 다크모드 변경 간에도 바뀌지 않는 컬러입니다. absoulte를 붙여 사용합니다. 버튼, 뱃지 등 다크모드에서도 변경되지 않는 곳에서 사용합니다.
- 라이트 모드 <-> 다크모드에 따라 바뀌는 컬러입니다.
- 폰트는 나눔스퀘어를 사용합니다.
- Regular, Bold, ExtraBold 를 사용합니다.
| 버전 | 날짜 | 업데이트 내용 | 상세 내용 |
|---|---|---|---|
| 1.0 | 11 / 15 | 초안 | x |
| 1.0.1 | 11 / 16 | 서체 수정 | 기존에 Title, body 등과 같은 이름에서 weight+size 로 수정 |
| 1.1.0 | 11 / 16 | main 컬러 - 다크 모드 추가 | main 컬러 다크모드 추가 & Color 이름 lower Camel Case로 변경 |