-
Notifications
You must be signed in to change notification settings - Fork 0
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
✨ feature: add GNB component #43
Conversation
icon 컴포넌트 props를 이용하여 다양한 크기,색깔의 새로운 icon을 생성할 수있게 변경하였습니다.
* className을 통해 tailwindCSS를 이용할 수 있습니다. | ||
*/ | ||
|
||
export interface InternalSvgProps { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
아이콘 내에 props들이 많이 바뀌지 않을 것 같은데, 그냥 icons 내에 모든 파일 내용 나두고 props로 각자 조절할 수 있게 바꾸는 것은 어떨까요?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
따로 common svg 컴포넌트를 사용하지않고 아래의 PR에서 예나님이 사용하셨던것처럼 svg를 사용하자고 하신게 맞으실까요?
return ( | ||
<nav className="w-[375px]"> | ||
<ul className="flex w-full justify-evenly"> | ||
<NavigationBarList items={NAV_LIST_INFO} /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
굳이 props 없이 <NavigationBarList />
컴포넌트 내에 NAV_LIST_INFO를 나둬도 되지않을까요?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
네 그 방법이 더 좋을 거 같아요! 컴포넌트 내에 NAV_LIST_INFO를 사용하는 쪽으로 변경하겠습니다~!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
변경 완료했습니다 :)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
What's Changed?
Svg
컴포넌트를 만들었습니다.Svg
컴포넌트를 만들었습니다.xmlns
을 매번 적을 필요가 없습니다.width
,height
,viewbox
를 설정할 수 있습니다.color
를 이용하여 간단하게 색상을 변경할 수 있습니다.GNB
에 필요한 각Icon
컴포넌트를 만들었습니다.Profile
,TalentRegister
,TalentSearch
아이콘이 제작되었습니다.IconAnchor
컴포넌트를 만들었습니다.Icon
이 포함된next/link
컴포넌트를 생성할 수 있습니다.Anchor
컴포넌트의 모든prop
을 사용할 수 있습니다.className
을 통해 커스텀 스타일링을 적용할 수 있습니다.NavigationBarList
컴포넌트를 만들었습니다.padding
값이 필요해보입니다. ( 추후 논의가 필요합니다. )style
은 이후 디자인에 따라 변경될 예정입니다.uuid
의 경우merge
이후 예나님이 만들어주신util
함수 이용하여 변경 예정입니다.Navigation
컴포넌트를 만들었습니다.Navigation
아이템들은NAV_LIST_INFO
에 의해 결정됩니다.Screenshots
Related to any issues?
Dependency Changes
Test Code