[곽지훈] sprint2

[jihoon135]

요구사항

기본

• 아래로 스크롤 해도 상단 네비게이션 바(Global Navigation Bar)가 최상단에 고정됩니다.
• "판다마켓" 클릭 시 루트 페이지("/")로 이동합니다.(새로고침)
• 로그인 페이지, 회원가입 페이지 모두 로고 위 상단 여백이 동일합니다.
• SNS 아이콘들은 클릭시 각각 실제 서비스 홈페이지로 이동합니다.

로그인 페이지

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

회원가입 페이지

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

심화

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

주요 변경사항

• 로그인 및 회원가입 페이지 구현

스크린샷

배포 사이트로 대체 하겠습니다!
https://68052e4796d913740072a567--thriving-mousse-1a2fd0.netlify.app/

멘토에게

• 스프린트 1 미션때 받았던 피드백은 모두 적용 했습니다!
• 구글이랑 카카오 링크 사이에 있는 작은 점은 뭘까요..? 찾아보니까 a 태그 공백에 의한 거라고 하는데, 어떻게 지워야 할 지 모르겠습니다..
• panda_market_login.css에 어려운 부분을 주석으로 정리 했습니다. 제가 구현한 로그인 화면과 회원가입 페이지는 정적으로 만들었기 때문에(px) 브라우저 창 크기가 변해도 변화가 없는데요. 그렇다고 %로 맞추자니 시안에 나온 px을 정확하게 맞추는 게 너무 어렵더라구요.. 구현이 어렵다기보단 어떤 방법이 옳은 방향인지에 대한 판단이 어렵습니다.. px과 %를 제대로 잡고 아이콘의 위치를 맞추는 게 맞다고 생각해서 일단 아이콘은 fa fa-eye-slice로 테스팅만 해보고 넣진 않았습니다 :(

질문 사항. 정적으로 수치를 넣으니까 화면 창에 따라 크기가 줄여지는 게 안됨. 
그럼 대부분의 UI를 %를 사용해서 수치를 계산해야 하는가? 이런 화면의 경우 어떤 식으로 해야 하는지?? 
  
안에 요소(input, button) 길이는 정적으로 두고 밖에 컨테이너에서만 크기 조절 로직을 바꿔서
창 크기를 줄였을 때 자연스럽게 줄어들게 할 수 없나? 
부트스트랩에서 반응형 DIV 안에 요소만 넣으면 알아서 길이 조절이 되는 것처럼..

CASE 1 : 밖에도 %, 안에 요소도 %
CASE 2 : 밖에는 %, 안에 요소는 정적으로 px
CASE 3 : 밖에도 px, 안에도 px

라고 주석에 달아놨는데요.. position과 display에 대한 배치도 쉽지 않지만 width와 height에서 %와 px을 사용하는 것도 만만치 않은 것 같아요 ㅠㅠ 매운 맛으로 코드 리뷰 주시면 감사하겠습니다..

[jihoon135]

페이지 검사 해보면서 버튼이 cursor: pointer 속성이 처리 되어 있지 않은 걸 확인 했네요.. 스프린트 3에서 적용 시켜놓겠습니다!

[dongqui]

지훈님 미션 2 마무리 하시느냐 고생 많으셨습니다~! 👍
질문 주신 부분은 리뷰 참고해 주세요 :)