-
Notifications
You must be signed in to change notification settings - Fork 1
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
[Task] 미션등록페이지 구현 (#31) #54
Conversation
…into feat/select-page
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.
수고하셨습니다 👍🏻
@@ -4,7 +4,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {} | |||
|
|||
const Button: React.FC<ButtonProps> = ({ className, children, ...props }) => { | |||
return ( | |||
<button className={`${className}`} {...props} type="button"> | |||
<button className={`${className}`} type="button" {...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.
👍🏻
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.
고생하셨습니다👏🏻
const logoCss = flex({ | ||
flexDirection: 'column', | ||
alignItems: 'center', | ||
}); | ||
|
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.
이렇게 하면 logoCss가 적용된 태그는 flex-container가 되는건가요??
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.
네 저는 그렇게 이해했어요!
src/app/layout.tsx
Outdated
@@ -27,4 +27,7 @@ const containerCss = { | |||
maxWidth: '475px', | |||
margin: '0 auto', | |||
minHeight: '100vh', | |||
|
|||
display: 'flex', |
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.
display 속성이 이곳에 있는게 몬가몬가 한것 같아요~
전역에 들어가는 속성이라 적절치 않다고 생각이 들어서요!
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.
a02c1c8 여기서 수정해 주었습니다
@@ -4,7 +4,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {} | |||
|
|||
const Button: React.FC<ButtonProps> = ({ className, children, ...props }) => { | |||
return ( | |||
<button className={`${className}`} {...props} type="button"> | |||
<button className={`${className}`} type="button" {...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.
👍🏻
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
🤔 해결하려는 문제가 무엇인가요?
#31
🎉 변경 사항
🙏 여기는 꼭 봐주세요!
사용 방법
🌄 스크린샷
📚 참고
radio button css
https://www.w3schools.com/howto/howto_css_custom_checkbox.asp
object 관련 type 추론 위한 utils 들은 slash를 참고했습니다. : https://github.com/toss/slash/tree/main/packages/common/utils/src/object
useSearchParams : https://nextjs.org/docs/app/api-reference/functions/use-search-params