Skip to content

Conversation

@Sea0Soda
Copy link
Collaborator

요구사항

기본

  • Github에 PR(Pull Request)을 만들어서 미션을 제출합니다.
  • 피그마 디자인에 맞게 페이지를 만들어 주세요.
  • React와 같은 UI 라이브러리를 사용하지 않고 진행합니다.

체크리스트 [기본]

공통

  • Viewport 너비 기준 반응형 디자인 적용
    • PC: 1200px 이상
    • Tablet: 768px 이상 ~ 1199px 이하
    • Mobile: 375px 이상 ~ 767px 이하
  • 375px 미만 사이즈는 고려하지 않음
  • https://16sprintmission.netlify.app/

랜딩 페이지

  • Tablet: 로고 좌측 24px, 로그인 버튼 우측 24px 여백 유지
  • Mobile: 로고 좌측 16px, 로그인 버튼 우측 16px 여백 유지
  • 화면이 줄어들면 푸터 영역 간격이 줄어듦

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

  • Tablet: PC 디자인 동일하게 유지
  • Mobile: 좌우 여백 16px, 요소 최대 너비 400px 제한

체크리스트 [심화]

  • 랜딩 페이지에 Open Graph 메타 태그 적용
    • 제목: “판다 마켓”
    • 설명: “일상의 모든 물건을 거래해보세요”
    • 주소/이미지: 자유 설정

주요 변경사항


스크린샷

screencapture-127-0-0-1-5500-login-index-html-2025-04-26-06_30_22
screencapture-127-0-0-1-5500-login-signup-html-2025-04-26-06_27_07
screencapture-127-0-0-1-5500-2025-04-26-06_26_46


멘토에게

  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

@Sea0Soda Sea0Soda requested a review from addiescode-sj April 25, 2025 21:32
@Sea0Soda Sea0Soda added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Apr 25, 2025
Copy link
Collaborator

@addiescode-sj addiescode-sj left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다!

주요 리뷰 포인트

  • 미디어 쿼리 사용 관련 피드백
  • 반응형 이미지 리소스 최적화

- word-break 속성 적용으로 줄바꿈 제어 개선
- banner5 이미지에 lazy loading 적용
- 레이아웃 관련 속성 변수화 (--container-max-width 등)
- 미디어쿼리 조건 표현 방식 통일
@addiescode-sj addiescode-sj merged commit 704288b into codeit-bootcamp-frontend:Basic-정해성 May 2, 2025
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.

2 participants