Skip to content

[Feat]: 헤더, 푸터 구현#66

Merged
jisooooooooooo merged 19 commits intodevelopfrom
feat/#36/layoutHeaderFooter
Jul 9, 2025
Merged

[Feat]: 헤더, 푸터 구현#66
jisooooooooooo merged 19 commits intodevelopfrom
feat/#36/layoutHeaderFooter

Conversation

@jisooooooooooo
Copy link
Copy Markdown
Collaborator

💡 Summary

close #36

✅ Tasks

  • 헤더 구현
  • 푸터 구현

👀 To Reviewer

  • 로그인 로직이 없긴한데 일단 로그인 시에는 프로필 이미지, 비로그인 시에는 로그인 버튼이 뜨도록 구현했습니다.

📸 Screenshot

2025-07-09.9.53.03.mov

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

빌드 결과

빌드 실패 😵

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

Copy link
Copy Markdown
Contributor

@Leeyoonji23 Leeyoonji23 left a comment

Choose a reason for hiding this comment

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

LGTV

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

Copy link
Copy Markdown
Contributor

@shinjigu shinjigu left a comment

Choose a reason for hiding this comment

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

원숭지숭언니 진짜 헤더와 푸터 구현 수고하셨습니다 !!

Comment on lines +19 to +20
<p className={styles.infoText}>대표: 이현준</p>
<p className={styles.infoText}>이메일: 999inedot@gmail.com</p>
Copy link
Copy Markdown
Contributor

@shinjigu shinjigu Jul 9, 2025

Choose a reason for hiding this comment

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

p3) 사이트 제작자의 이름이나 제작자의 웹 페이지 또는 피드백을 위한 연락처 정보는 <address> 태그 활용해 보는 것도 좋을 것 같아요 !!

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

수정해버릴게요

Comment on lines +40 to +41
aria-current={activeMenu === menu.label ? 'page' : undefined}
>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

p5) aria-current 속성 사용 좋아요 🙊

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

Copy link
Copy Markdown
Contributor

@kwonsaebom kwonsaebom left a comment

Choose a reason for hiding this comment

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

수고많으셨습니다 !! 최고최고 👍🏻 👍🏻

export const header = style({
position: 'sticky',
top: 0,
zIndex: 100,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

p2) zIndex 는 따로 토큰 처리해놓아서 가져다 쓰시면 될 것 같습니다 !!

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

감쟘다

});

export const navItemActive = style({
color: `${colors.grey11} !important`,
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

p3) !important 사용보다는 다른 스타일 우선순위로 조정해보는 게 더 좋지 않을까 … 라는 생각을 해봤습니다 ㅎㅎ 나중에 유지보수할 때도 좀 더 안정적일 것 같아요 !

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

빌드 결과

빌드 성공 🎉

@github-actions
Copy link
Copy Markdown

github-actions bot commented Jul 9, 2025

🎨 스토리북 배포 완료!

👉 스토리북 미리보기

변경된 컴포넌트의 디자인을 확인해주세요.

@jisooooooooooo jisooooooooooo merged commit b531588 into develop Jul 9, 2025
4 checks passed
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.

[Feature]: 헤더, 푸터 구현

4 participants