Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[이수정] Sprint 2 #23

Open
wants to merge 3 commits into
base: Basic-이수정
Choose a base branch
from

Conversation

callu9
Copy link
Collaborator

@callu9 callu9 commented Jan 13, 2025

02. 스프린트 미션 2

요구사항

스프린트 미션 2 시안

기본 요구사항

체크리스트 [기본]

  • 페이지 이동

    • "판다마켓" 클릭 시 루트 페이지('/')로 이동
    • '로그인' 버튼 클릭 시 로그인 페이지('/login')로 이동
    • SNS 아이콘 클릭 시 각각 실제 서비스 홈페이지로 이동
    • 로그인 페이지 내 [회원가입] 버튼 클릭 시 "/signup" 페이지로 이동
    • 회원가입 페이지 내 [로그인] 버튼 클릭 시 "/login" 페이지로 이동
  • 여백

    • 로그인 페이지, 회원가입 페이지 모두 로고 위 상단 여백 동일
  • 스타일

    • input 요소 focus in 시 border-color: #3692FF; 지정
    • input 요소 focus out 시 border: none

체크리스트 [심화]

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

주요 변경사항

스프린트 미션 1 리뷰 반영

  • <html lang="ko">으로 수정
  • a, button 중첩 사용 제거
  • h1은 페이지에 하나만 사용

스프린트 미션 2

스크린샷

로그인

desktop-page-image-login

회원가입

desktop-page-image-signup

멘토에게

  • 로그인 페이지를 제작한 후에, html 파일과 css 파일을 복사 붙여넣기 하여 회원가입 페이지를 생성하였습니다.
    로그인 페이지와 회원가입 페이지에 중복되는 스타일을 제거 혹은 파일로 합치고 싶은데 어떻게 처리하는 게 가장 효율적이고 좋을까요?

    1. login.css , signup.css 파일에서 공통되는 스타일을 제거한다.

      : 예시로 form 그리드, 인풋, 버튼, SNS 로그인 스타일 등 통일되는 스타일을 담은 form.css 파일을 제작하여,

      login.html 페이지와 signup.html 페이지에서 공동으로 사용하고,

      각각 추가적인 스타일은 따로 파일을 생성해 추가한다.
    2. login.html 페이지와 signup.html 페이지가 하나의 css 파일을 함께 사용한다.
  • global.css 파일에 사용하지 않는 공통 스타일은 제거하는 것이 좋을까요?
    아니면 스타일 가이드를 위해 남겨 놓는 것이 좋을까요?

@callu9 callu9 added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Jan 13, 2025
@callu9 callu9 requested a review from dongqui January 13, 2025 07:05
@callu9 callu9 marked this pull request as draft January 13, 2025 07:26
@callu9 callu9 marked this pull request as ready for review January 13, 2025 07:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant