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

[ feat ] Header 컴포넌트 구현 #14

Merged
merged 13 commits into from
Jul 11, 2022
Merged

[ feat ] Header 컴포넌트 구현 #14

merged 13 commits into from
Jul 11, 2022

Conversation

Brokyeom
Copy link
Member

@Brokyeom Brokyeom commented Jul 9, 2022

🔥 Related Issues

🎡 작업 내용

  • ~ Header 컴포넌트 레이아웃 구성
  • ~ 로고, 상품보기, 커뮤니티 버튼에 Link 적용

✅ PR Point

  • 헤더 컴포넌트 구현 완료했습니다.
  • 어제 나온 input 관련해서 수정하느라 PR 이 늦었습니다.
  • StTopLink, ABOUT 부분은 아직 페이지가 만들어지지않아 일단 텍스트로 두었습니다!

😡 Trouble Shooting

밑 스크린샷 보면 GlobalStyle 로 폰트가 지정되어 있을텐데,
pretandard 로 폰트를 지정해준 placeholder를 제외하고 폰트가 적용되지 않는 모습을 보입니다. PR 올린 후에 develop 에서 수정된 부분 확인해보겠습니다.

PR 올린 후 스타일 초기 세팅대로 수정토록 하겠습니다!

👀 스크린샷 / GIF / 링크

기본

input에 focus 되었을 때

input 커서

@Brokyeom Brokyeom self-assigned this Jul 9, 2022
@Brokyeom Brokyeom changed the title [ feat ] Header 레이아웃 구현 [ feat ] Header 컴포넌트 구현 Jul 9, 2022
@Brokyeom Brokyeom changed the base branch from develop to feature-header July 9, 2022 09:54
Copy link
Contributor

@aeuna aeuna left a comment

Choose a reason for hiding this comment

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

굳굳 수고하셨습니당
스타일 세팅된 거 적용만 시키면 끝이네용 굳굳 👍

<StMenuBtn type="button" onClick={() => router.push('/toyView')}>
상품보기
</StMenuBtn>
<StMenuBtn type="button" onClick={() => router.push('/community')}>
Copy link
Contributor

Choose a reason for hiding this comment

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

#1 이슈보면 하단 리뷰에
링크 이동은 next js 에서 제공하는 Link 태그가 더 SEO에 최적화된다고 알고 있습니다 !!
라는 리뷰가 있어요! 그래서, 새탭열지 않고 우리 페이지들 중에서 링크 전환하는 거면 Link태그 사용하면 좋을 것 같습니다!

Copy link
Member Author

Choose a reason for hiding this comment

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

아아 맞다맞다 바로 수정할게유

<IcNoriHeaderLogo type="button" onClick={() => router.push('/')} />
<StSearchWrapper>
<StSearchBar>
<input placeholder="상품명, 스토어명을 검색해보세요!" />
Copy link
Contributor

Choose a reason for hiding this comment

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

input type도 적어주면 좋을 것 같아용


width: 100%;
height: 11.4rem;

background-color: #31cc94;
color: #ffffff;
`;

Copy link
Contributor

Choose a reason for hiding this comment

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

우리 컨벤션에서 스타일드 컴포넌트 사이에는 띄어쓰기 안 하는걸로 했어용!

Copy link
Member Author

Choose a reason for hiding this comment

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

확인! 바로 수정할게!!

Copy link
Collaborator

@Happhee Happhee left a comment

Choose a reason for hiding this comment

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

야물딱지게 잘했넹 ㅎㅎㅎㅎ 져아

</p>
</StTopLink>
<StHeaderContents>
<IcNoriHeaderLogo type="button" onClick={() => router.push('/')} />
Copy link
Collaborator

Choose a reason for hiding this comment

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

Svg에도 타입을 지정해줘야 하나,,,?!!

Copy link
Member Author

Choose a reason for hiding this comment

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

음 일단은 버튼 기능을 해서 지정은 해 뒀는데 굳이 할 필요 없으려나??

@say-young516
Copy link
Member

뀻~~~ 이래저래 정신없을텐데 고생했어욥 리뷰 달려고 보니까 다른 친구들이 야무지게 달아줬네 굿굿

@Happhee Happhee merged commit b11313a into feature-header Jul 11, 2022
@aeuna aeuna deleted the header/3 branch July 17, 2022 15:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Header] 헤더 Link 구현 및 CSS 작업
4 participants