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

Style : 포즈피드 화면 구현 #8

Merged
merged 11 commits into from
Aug 13, 2023
Merged

Style : 포즈피드 화면 구현 #8

merged 11 commits into from
Aug 13, 2023

Conversation

seondal
Copy link
Member

@seondal seondal commented Aug 4, 2023

💡 왜 PR을 올렸나요?

  • 신규 피처

💁 무엇이 어떻게 바뀌나요?

  1. 포즈피드의 화면을 구현했습니다
  2. 포즈피드 필터의 fixed 포지션 이슈로 루트 레이아웃 padding 관련 수정사항이 있습니다

📆 작업 예정인 것이 있나요 ?

  • 필터 바텀시트

💬 리뷰어분들께

  • 화면 높이가 랜덤으로 주어질 경우를 확인하기 위해 임의로 랜덤 값을 넣은 tmp 데이터가 있습니다..!
    api 연결 후에는 삭제 예정이니 무시해주세요 ㅎㅎ
  • 텍스트 대치때문에 커밋을 날리고 보면 이모지가 추가되는 상황이 자주 발생하네요 ㅠㅠ 최대한 주의하겠습니다 죄송합니다

@seondal seondal added PoseFeed 🧩 포즈피드 기능 관련 💄 Style 화면 그리기, 스타일링 labels Aug 4, 2023
@seondal seondal self-assigned this Aug 4, 2023
@seondal seondal requested a review from guesung as a code owner August 4, 2023 17:10
@seondal seondal added this to the DND Final Project ⛳️ milestone Aug 4, 2023
src/constants/icon.ts Outdated Show resolved Hide resolved
@@ -1,3 +1,27 @@
'use client';
Copy link
Collaborator

Choose a reason for hiding this comment

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

page 컴포넌트는 client component로 할 경우, import하여 사용하는 모든 하위 컴포넌트가 client component가 되어버립니다.

page.tsx는 server component로 살리고, 자식 컴포넌트에서 server component로 사용할 것과 client component로 사용할 것을 나누는 것이 필요해 보입니다.

Copy link
Collaborator

Choose a reason for hiding this comment

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

https://nextjs.org/docs/getting-started/react-essentials#patterns

공식 문서 한 번 읽어보시는 거 추천드려요 !

<div className="fixed left-0 right-0 top-116 flex h-56 items-center bg-white px-20">
<button className="bg-sub-white flex items-center gap-8 rounded-8 px-16 py-9">
<h5 id="subtitle-2">필터</h5>
<Image src={ICON.carat.down} alt={'▾'} width={16} height={16} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

문자열 props로 통일하는 방식을 통일해야 할 거 같아요

props를 넘길 때 문자열일 경우 " "만으로도 전달이 되어서 {' '}에서 { }는 제거하는 거 어떤가요 ??

Copy link
Member Author

Choose a reason for hiding this comment

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

재가 매번 Image prop 작성하는게 귀찮아서 Image 만 작성하고 solve problems? 버튼으로 없는 props를 자동으로 작성하는데요, 이 과정에서 저렇게 뜨는 것 같습니다... vsc 자동완성인데 설정으로 바꿀 수 있다면 바꿔보고 아니라면 직접 쓰는 방식으로 통일하겠습니다..!

@seondal seondal requested a review from guesung August 5, 2023 10:02
@guesung guesung merged commit 66a8335 into develop Aug 13, 2023
@guesung guesung deleted the feature/OZ-37-feed branch August 13, 2023 12:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PoseFeed 🧩 포즈피드 기능 관련 💄 Style 화면 그리기, 스타일링
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants