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

메인 페이지를 개발합니다. #23

Open
wants to merge 8 commits into
base: develop
Choose a base branch
from

Conversation

jaychang99
Copy link
Member

@jaychang99 jaychang99 commented Aug 28, 2023

작성자: @jaychang99

Related to

체크 리스트

  • 적절한 제목으로 수정했나요?
  • 상단에 이슈 번호를 기입했나요?
  • Target Branch를 올바르게 설정했나요?
  • Label을 알맞게 설정했나요?

작업 내역

  • 메인 페이지 화면을 개발합니다 (단, 데일리 베스트 단체 단체, 맛집, 멤버 카드를 개발합니다. #18 머지대기중)
    image

  • 공통 영역: <Rating /> 컴포넌트를 개발하였습니다. 이 컴포넌트는 별점을 디스플레이 하는 데에 사용할 수 있으며, props 로 value 를 받습니다. 이 value 는 0에서 5 사이의 실수이며, 가장 가까운 .5 단위의 숫자로 반올림된 후 별 모양으로 표시됩니다.

비고

  • 멤버 컴포넌트가 아직 머지되지 않아 추가하지 못했습니다. (이 PR 은 맛집 영역을 제외한 임시PR 입니다)

@jaychang99 jaychang99 added the feature 신규 컴포넌트/기능 개발 (제일 일반적) label Aug 28, 2023
@jaychang99 jaychang99 self-assigned this Aug 28, 2023
@jaychang99
Copy link
Member Author

@hoon5083 @sera2002
#18 번이 머지됨에 따라 메인페이지에도 Restaurant 컴포넌트 추가하여 다시 푸시하였습니다.

image

Copy link
Collaborator

@sera2222 sera2222 left a comment

Choose a reason for hiding this comment

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

수고하셨습니다!

padding: 32px 40px;
margin-top: 16px;
margin-left: -40px;
margin-right: -40px;
Copy link
Collaborator

Choose a reason for hiding this comment

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

여기서 margin-right: -40px; 속성 때문에 사진과 같이 메인페이지에서 Navbar가 잘려보이는 현상이 발생하는 것 같습니다..!
스크린샷 2023-09-18 오후 4 06 01

Copy link
Member Author

Choose a reason for hiding this comment

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

앗! 맞네요... 😓

아마 모바일 환경에서 좌우 스크롤링 할 때 끝까지 꽉꽉 되라고 넣어둔 값 같습니다...
음...PC 에서는 이런 문제가 발생하네요. .. 흠... 어떻게 해결하면 좋을지 고민해보겠습니다.

image

image

Copy link
Member Author

Choose a reason for hiding this comment

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

@sera2002 아 이렇게 모바일일때만 부여해도 되겠군요 수정해 보았습니다!!

image

변경 전 변경 후
image image
삐져나옴 현상 발생 삐져나옴 현상 없음

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature 신규 컴포넌트/기능 개발 (제일 일반적)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants