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 #21

Conversation

greenyun2
Copy link
Collaborator

@greenyun2 greenyun2 commented Mar 15, 2024

요구사항

.

기본

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

심화

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

주요 변경사항

스크린샷

image

주소: https://stunning-elf-5f8f0d.netlify.app/

멘토에게

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

@greenyun2 greenyun2 added the 매운맛🔥 뒤는 없습니다. 그냥 필터 없이 말해주세요. 책임은 제가 집니다. label Mar 15, 2024
@Aurumsapiens Aurumsapiens self-requested a review March 16, 2024 07:07
Copy link
Collaborator

@Aurumsapiens Aurumsapiens left a comment

Choose a reason for hiding this comment

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

요구사항에 맞게 코드를 잘 작성해주셨습니다.
군더더기 없이 잘 작성해주신 덕에 크게 이야기할 부분이 없었습니다ㅎㅎ 👍

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>판다마켓</title>
<link rel="icon" href="/img/판다 얼굴.png">
Copy link
Collaborator

Choose a reason for hiding this comment

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

요새는 괜찮을 것 같기는 한데 여전히 몇몇 구형 OS에서는 한글이나 스페이스가 파일명에 들어가는 것을 허용하지 않아서
가능하다면 스페이스와 한글로 파일명을 만들지 않는 것을 추천드리긴합니다~

<ul class="icon-lists">
<li>
<a href="https://www.facebook.com/?locale=ko_KR" target="_blank">
<img src="/img/ic_facebook.png" alt="페이스북 아이콘">
Copy link
Collaborator

Choose a reason for hiding this comment

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

alt도 빠짐없이 잘 작성을 해주신 듯 합니다! 👍

<!-- Footer -->
<footer>
<div class="footer-content">
<p>©codeit - 2024</p>
Copy link
Collaborator

Choose a reason for hiding this comment

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

사담인데 여기는 2024 매번 바꾸는 것이 귀찮으니 Javascript로 설정하는 곳도 있습니다~ (수정하실 필요는 없습니다!)

@Aurumsapiens Aurumsapiens merged commit 98b154d into codeit-bootcamp-frontend:part1-최윤석 Mar 16, 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