[김가희] sprint2

[stella-418]

기본 요구사항

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

체크리스트 [기본]

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

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

로그인 페이지

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

회원가입 페이지

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

체크리스트 [심화]

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

주요 변경사항

스크린샷

멘토에게

• login.css 파일의 주석으로 질문 남겨놨습니다! 알려주시면 감사하겠습니다!
• https://beamish-taiyaki-37d19f.netlify.app/ 배포 사이트
• 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

[hoody-jellybean]

특정 페이지로 경로만 변경하여 이동하는 경우는 <a/> 태그로 사용하셔도 됩니다~!!

[hoody-jellybean]

반응형 대응 여부는 코드 만으로는 확인이 어려움이 있는데, 배포한 사이트까지 같이 올려주시면 좋을 것 같네요.
이번 위클리 과제도 고생 많으셨습니다. 👍