[이승현]Sprint2

[leesh7048]

요구사항

기본

• Github에 PR(Pull Request)을 만들어서 미션을 제출합니다.
• Netlify에 파일 배포가 아닌 포크한 Github 레포지토리로 연결합니다.
• 피그마 디자인에 맞게 페이지를 만들어 주세요.
• React와 같은 UI 라이브러리를 사용하지 않고 진행합니다.

로그인 페이지, 회원가입 페이지 공통

• “판다마켓" 로고 클릭 시 루트 페이지(“/”)로 이동합니다.
• 로그인 페이지, 회원가입 페이지 모두 로고 위 상단 여백이 동일합니다.
• input 요소에 focus in 일 때, 테두리 색상은 #3692FF입니다.
• input 요소에 focus out 일 때, 테두리는 없습니다.
• SNS 아이콘들은 클릭시 각각 실제 서비스 홈페이지로 이동합니다.

로그인 페이지

• “회원가입”버튼 클릭 시 “/signup” 페이지로 이동합니다.

회원가입 페이지

• “로그인”버튼 클릭 시 “/login” 페이지로 이동합니다.

심화

• palette에 있는 color값들을 css 변수로 등록하고 사용해 주세요.
• 비밀번호 input 요소 위에 비밀번호를 확인할 수 있는 아이콘을 추가해 주세요.

주요 변경사항

• media query 사용 및 크기단위 rem으로 변경하여 반응형웹으로 만들어봤습니다.
• js를 이용해서 로그인페이지 비밀번호 input부분 눈모양 토글버튼 클릭시 이미지 주소 변경하여 이미지 바뀌게 만들어 보았습니다.

스크린샷

멘토에게

• 페이지 여러개를 만들다보니 파일정리가 필요한데 같이사용하는 html하고css끼리 묶어서 파일로 관리하는게 좋을까요?
  아니면 html끼리 css끼리 파일에 정리하는게 좋을까요??
• 제가 커밋하는거에 익숙하지가않아서 중간 중간 커밋을 못했습니다. 다음부터는 신경써서 해보겠습니다.
• 로그인페이지에 비밀번호 input부분에 클릭시 이미지태그 주소를 변경하여 이미지가 바뀌게 기능을 넣었는데 더 좋은 방법이나 다른 방법이
  있을까요??

페이지 배포주소

https://panda-market-seunghyun.netlify.app/