frontend-1st-HHN

💭 프로젝트 소개

우리만의 자기소개 사이트를 만들었습니다
우리끼리 프라이빗한 소개 공간을 만들기 위해서 회원가입과 로그인 기능을 구현하였습니다
현재 로그인, 회원가입, 행현능 팀원의 소개 페이지로 구성되었습니다

👨‍👦‍👦 팀원 소개

기남석	곽지은	구자빈

기남석, 곽지은, 구자빈으로 구성된 행현능입니다
행주 기씨, 현풍 곽씨, 능성 구씨의 모임으로 팀명을 첫 글자를 조합하여 "행현능" 팀명을 정하였습니다

#1. 정적 웹 페이지 구현 프로젝트

😎 프로젝트 영상

default.mp4

역할 분배

• 개인 소개 페이지는 각자 제작
• 구자빈: 로그인 페이지
• 곽지은: 사이드바
• 기남석: 메인 페이지(팀 소개 페이지)

업무 프로세스

• 먼저 로그인 페이지, 사이드바, 팀 소개 페이지 제작
• 각자 소개 페이지 제작

화면 설계서

https://www.figma.com/design/CmempTfLxTtNFwg91TYZhF/%E5%A5%87-%E5%8D%97-%E9%8C%AB?node-id=1-3&t=enWz29v0n8hv2Ycn-0

폰트

• Noto Sans Korean
  • https://fonts.google.com/noto/specimen/Noto+Sans+KR?subset=korean&noto.script=Kore

폰트 크기

• 타이틀 : 32px
• 서브타이틀: 24px
• 본문: 16px

#2. JS 기능 구현 프로젝트 2. JS 기능 구현 프로젝트에서는 @@@를 추가하여 진행하였습니다

컨벤션

깃허브 커밋 컨벤션

• 브랜치명: 카테고리/기능명

feature/login-page

• 커밋 메세지: [파트] 기능명: 설명

git commit -m "[FE] login: 페이지 UI 완성"

룰 변경

• approve 하나 이상을 받아야 pull 가능하도록 설정
• CSS는 kebab-case, JS는 camelCase로 변수 작성

ESLint

• no-var
• no-void
• prefer-const

회의록

https://cyclic-eater-9c2.notion.site/16baefa4137f413ab4423b0734b440fc