우리 FISA Frontend Toy Project

💵 서비스 소개

우리 FISA 서비스 개발 과정 토이프로젝트로, html과 css를 활용한 가계부 페이지입니다.

📍 site

https://woorifisa-service-dev-4th.github.io/frontend-1st-woori-account-book/

📍 Branch Name Rule

아래와 같이 통일

- main
- dev
- feat/#{issue_number}

📍 Commit Message Convention

Type	Description
Feat:	새로운 기능 추가
Fix:	버그 수정
Refactor:	코드 리팩토링
Rename:	파일 혹은 폴더명을 수정할 때 사용
Remove:	파일을 삭제할 때 사용

➡️ Feat: button 추가

📍 Class Name Rule

• 레이아웃(align / position) : layout_{ }
• 컨테이너(wrapper) : container_{ }
• 글꼴 : text_{ }
• 이미지 : img_{ }
• 글꼴색 : font_color_{ }
• 배경색 : bg_color_{ }
• 구분선 : line

UI Style Gideline

📍 Font

• Noto Sans Korean

<!-- HEAD에 추가 -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap" rel="stylesheet">
<style>
  body {
    Font-family: 'Noto Sans KR', sans-serif;
  }
</style>

📍 color code

📍 UI Layout

📍 Light house

📍 소감

이름	한마디
이서연	레이아웃 배치하는게 어려웠지만, 이번 기회를 통해 레이아웃에 대해 확실히 공부하고 넘어갈 수 있어서 좋았습니다!
윤태경	그래프랑 텍스트를 동일한 간격으로 배치하는 부분에서 어려움을 느꼈지만 이번 기회를 통해 html,css 부분을 좀 더 알아갈 수 있어서 좋았습니다!
윤예진	이번 미니 프로젝트를 진행하면서 무지했던 html과 css에 대한 감을 익힐 수 있어서 좋았습니다!