[이서정] Sprint22 스프린트 미션 2

[Lseojeong]

배포 링크

https://snazzy-baklava-3e5b7c.netlify.app/

---

진행한 미션 버전

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

---

미션 요구사항

공통

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

심화

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

---

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

1. 폴더 구조 재정립

• 기존에 혼재되어 있던 파일들을 pages, css 폴더로 재구성

2. 메인 페이지 이미지 포맷 변경 (PNG → SVG)

3. Pretendard 가변 다이나믹 서브셋 적용

---

주강사에게

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

• 피그마 디자인 시안에 맞춰서 구현하려고 노력했습니다.

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

• 변수명을 축약해서 쓰는 것과 풀어서 쓰는 것 중 어떤 것이 더 좋을지 궁금합니다.(ex. btn vs button/ desc vs description)