[여수경] Sprint22 스프린트 미션 2

[luneyeo]

진행한 미션 버전

• 초급 (Ver 1)
• 중급 (Ver 2)

---

미션 요구사항

기본

• 아래로 스크롤 해도 상단 네비게이션 바(Global Navigation Bar)가 최상단에 고정됩니다.
• "판다마켓" 클릭 시 루트 페이지("/")로 이동합니다.(새로고침)
• "회원가입"버튼 클릭 시 "/signup" 페이지로 이동합니다.
• "로그인"버튼 클릭 시 "/login" 페이지로 이동합니다.

심화

• 비밀번호 input 요소 오른쪽에 눈모양 아이콘을 추가합니다. (추후 클릭으로 비밀번호를 보거나 가릴 수 있도록 기능을 만들어 갈 예정입니다.)
• palette에 있는 color값들을 css 변수로 등록하고 사용합니다.

---

주요 변경사항 및 학습 포인트

• letter-spacing 퍼센트 값을 em 단위로 변환
• 불필요한 파일을 무시하도록 gitignore 생성
• html lang en → ko로 변경
• 이미지 png에서 svg로 변경
• reset 및 공통 css 파일 추가
• 로그인/회원가입 페이지 html, css, js 작업

---

주강사에게

집중적으로 봐줬으면 하는 부분

해결하지 못한 문제 / 궁금한 점

• form의 width 값을 .auth-container에 flex-basis: 640px; 작성했는데 적용이 안돼서 .auth-form에 width 처리했습니다. 안되는 이유를 못 찾았습니다..