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

[이수지] sprint1 #4

Conversation

mulddang2
Copy link
Collaborator

요구사항

기본

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

심화

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

주요 변경사항

  • 판다마켓(스프린트 미션1) 메인 페이지 추가

스크린샷

image

멘토에게

  • 요구사항에서 "PC 사이즈만 고려해 주어진 디자인을 구현합니다" 이 요구사항에서 PC 사이즈에 대한 분기점이 없어서 1920px ~ 1580px 정도까지만 사이즈 적용 되어 있습니다.

@mulddang2 mulddang2 requested a review from GANGYIKIM August 10, 2024 02:00
@mulddang2 mulddang2 added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Aug 10, 2024
Copy link
Collaborator

@GANGYIKIM GANGYIKIM left a comment

Choose a reason for hiding this comment

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

수지님 첫번째 스프린트 미션하시느라 고생하셨습니다.
아래는 전반적으로 참고하시면 좋을 것 같은 내용입니다!
전반적으로 읽기 쉬운 코드였습니다! 고생하셨습니다.


  • 동일한 내용에 대해서는 코드에서 한번만 코멘트를 답니다.
  • 일관성있게 commit을 쪼개신 점이 좋았습니다.
  • 시멘틱하게 태그를 작성하신 점이 좋았습니다.
  • 말씀해주신 "PC 사이즈만 고려해 주어진 디자인을 구현합니다" 요구사항은 PC 고정사이즈만으로 css를 작성하셔도 된다는 말이었습니다.

.vscode/settings.json Show resolved Hide resolved
assets/fonts/Pretendard-Black.woff Show resolved Hide resolved
assets/images/Img_home_top.png Show resolved Hide resolved
css/main.css Show resolved Hide resolved
css/main.css Show resolved Hide resolved
css/main.css Show resolved Hide resolved
css/main.css Show resolved Hide resolved
@GANGYIKIM GANGYIKIM merged commit 85178a4 into codeit-bootcamp-frontend:Basic-이수지 Aug 12, 2024
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