미니프로젝트 도전 02 -MSZ

03/ 화면 구성 +

• CSS selector 활용
• Atomic Design Pattern 살짝 바꿔서 적용..
  • Atoms : Simple component
  • Molecules : Grouped components
  • Organisms : Component + utils
  • Templates : Layout
  • Pages : Page
• Skeleton loader 적용
• Media query 적용
• 절대길이 / 상대길이 구분
  • em : 바로 상위 요소의 글꼴 크기에 비례해서 변함
  • rem (root em) : root 요소(최상위 요소)의 크기에 비례
  • vw (viewport height): Viewport(display의 표시영역) 너비의 1%
  • vh (viewport width) : Viewport 높이의 1%
  • vmin : vw, vh 중 작은 것의 1%
  • vmax : vw, vh 중 큰 것의 1%
• Web standards 체크

04/ 회원가입 기능

• 콘솔 - 빌드 - Authentication - 이메일/비밀번호 사용설정 ON + 추가 제공업체 : 구글 선택
• 회원가입 코드 작성

05/ Firebase DB 설계

🥲 피그마 화면에, 필요한 data들을 정리한 후 NoSQL기반 DB를 설계해본다...