Skip to content

Conversation

@Sea0Soda
Copy link
Collaborator

요구사항

기본

  • 랜딩 페이지의 url path는 루트(‘/’) 입니다.
  • title은 “판다마켓”으로 설정해 주세요.
  • 화면의 너비가 1920px 이상이면 하늘색 배경색은 너비를 꽉 채우도록 채워지고, 내부 요소들의 위치는 고정되고, 여백만 커
    지도록 해주세요.
  • 화면의 너비가 1920px 보다 작아질 때, “판다마켓” 로고의 왼쪽 여백 200px“로그인" 버튼의 오른쪽 여백 200px이 유지되고, 화면의 너비가 작아질수록 두 요소간 거리가 가까워지도록 해주세요.
  • 클릭으로 기능이 동작해야 하는 경우, 사용자가 클릭할 수 있는 요소임을 알 수 있도록 cursor: pointer를 설정해 주세요.
  • “판다마켓” 클릭 시 루트 페이지(‘/’)로 이동시켜주세요.
  • “구경하러 가기" 클릭 시 (“/items”)페이지로 이동시켜주세요.(빈 페이지)
  • “Privacy Policy”, “FAQ”는 클릭 시 각각 아래 페이지로 이동합니다
- Privacy 페이지(‘/privacy’) 
- FAQ 페이지(‘/faq’)
    PC사이즈만 고려해 주어진 디자인을 구현합니다.
  • 페이스북, 트위터, 유튜브, 인스타그램 아이콘은 클릭 시 각각의 홈페이지로 새로운 창이 열리면서 이동 합니다.
  • HTML, CSS 파일을 Netlify로 배포해 주세요. (참고: https://www.codeit.kr/learn/5309)

심화

  • 사용자의 브라우저가 크고 작아짐에 따라 페이지의 요소간 간격, 요소의 크기, font-size 등 모든 크기와 관련된 값이 크고 작아지도록 설정해 보세요.(설정값은 자유입니다).

주요 변경사항

  • alt 속성에 이미지 설명 수정
  • 엘리먼트역활에 맞게 네이밍 수정
  • footer 시멘틱 태그 수정
  • 외부링크 "noopener noreferrer" 추가
  • style.css 에 중복태그 삭제
  • style.css 전체에 공백 포맷팅 수정
  • 자주사용되는 값 변수지정후 수정
  • 엘리먼트값 유동적으로 위치할수있게 수정
  • 각 배너들 radius 추가

스크린샷

image

배포 링크

https://16sprintmission.netlify.app/

멘토에게

  • 25.04.09
    기존 브랜치에서 작업하던 중 rebase 과정에서 실수로 PR이 closed 되어, 작업 파일을 복구한 뒤 새 브랜치로 다시 PR을 올립니다.
    코멘트 주신 부분은 스스로 수정해볼 예정이며, 잘 정리되면 디스코드로 머지 요청 드리겠습니다.
    스프린트 미션2 진행을 위해 미션1이 먼저 머지되어야 할거같아 빠른기간안에 수정해보겠습니다!

  • 25.04.12
    피드백 받은부분과 처음부터 놓쳤던 부분들 수정하여 포크한곳에 푸쉬했으나 기존에 다시올렸던 PR에서 동기화가 안되서
    다시 PR 올리게 되었습니다 (번거롭게 해드려서 죄송합니다)

alt 속성에 이미지 설명 수정
엘리먼트역활에 맞게 네이밍 수정
footer 시멘틱 태그 수정
외부링크 "noopener noreferrer" 추가
style.css 에 중복태그 삭제
style.css 전체에 공백 포맷팅 수정
자주사용되는 값 변수지정후 수정
엘리먼트값 유동적으로 위치할수있게 수정
각 배너들 radius 추가
@Sea0Soda Sea0Soda requested a review from addiescode-sj April 13, 2025 11:15
@Sea0Soda Sea0Soda added the 순한맛🐑 마음이 많이 여립니다.. label Apr 13, 2025
@Sea0Soda Sea0Soda changed the title Basic 정해성 sprint1 [정해성] Sprint1 Apr 13, 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.

다음부터는 리뷰 끝난 PR 닫지마세요~!

@addiescode-sj addiescode-sj merged commit fe1b954 into codeit-bootcamp-frontend:Basic-정해성 Apr 13, 2025
0 of 3 checks passed
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