-
Notifications
You must be signed in to change notification settings - Fork 3
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/#47 login modal #52
Conversation
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.
나연아 여기저기서 프롭스 부러와서 모달창구현하느라 수고 너무 많았당!!🌟 이제 프롭스 장인 되는거 아님??
멋찌당!!!!!!!!!!!!!!!!!!!!!!
|
||
return ( | ||
<St.Card> | ||
<St.TagsWrapper> | ||
<TagsSlider tags={["재미", "if충", "if충", "if충", "if충", "if충", "if충", "if충", "if충x"]} /> | ||
</St.TagsWrapper> | ||
<St.ContentWrapper>우리집공양추르하ㅐ</St.ContentWrapper> | ||
<St.HeartWrapper onClick={() => setIsBookmarked((prev) => !prev)}> | ||
<St.HeartWrapper onClick={clickHandle}> |
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.
다들 잘 알려줘소 고마오😍
<Card /> | ||
<Card /> | ||
<Card /> | ||
<Card LoginopenHandler={openLoginModalHandler} /> |
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.
아하, filter랑 login 순서 말하는 걸까요??
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.
openLoginModalHandler={openLoginModalHandler}
로 통일 말하는 고 같은데??~
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.
오 이해했숩니당~!~!!
import { St } from "./style"; | ||
|
||
export default function CardCollection() { | ||
const [isOpened, setIsOpened] = useState<boolean>(false); | ||
const [isLoginOpened, setLoginOpened] = useState<boolean>(false); |
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.
useState 초깃값을 지정해줄때는 타입을 지정 안해줘도 알아서 판단한대욤! 근데 이때 써주는게 더 좋은지 안써주는게 더 좋은지는 까먹었다! 도와줘 주함&헨
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.
수고해뗘!!!!!!! 완전 잘했네엥
|
||
return ( | ||
<St.Card> | ||
<St.TagsWrapper> | ||
<TagsSlider tags={["재미", "if충", "if충", "if충", "if충", "if충", "if충", "if충", "if충x"]} /> | ||
</St.TagsWrapper> | ||
<St.ContentWrapper>우리집공양추르하ㅐ</St.ContentWrapper> | ||
<St.HeartWrapper onClick={() => setIsBookmarked((prev) => !prev)}> | ||
<St.HeartWrapper onClick={clickHandle}> |
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.
슈고해똬!!!!
</St.Wrapper> | ||
<St.Buttons> | ||
<St.LoginButton to="/login">로그인</St.LoginButton> | ||
<St.SignUpButton>회원가입</St.SignUpButton> |
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.
button 태그는 타입 꼭 명시해주깅!
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.
button 태그가 아닌 Link 태그로 대체될 것 같습니당
import { St } from "./style"; | ||
|
||
export default function CardCollection() { | ||
const [isOpened, setIsOpened] = useState<boolean>(false); | ||
const [isLoginOpened, setLoginOpened] = useState<boolean>(false); |
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 openLoginModal = () => { | ||
setLoginOpened(true); | ||
}; | ||
const closeLoginModal = () => { | ||
setLoginOpened(false); | ||
}; | ||
|
||
const clickHandleFilterModal = () => { | ||
openModal(); | ||
}; | ||
|
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 [isBookmarked, setIsBookmarked] = useState(false); | ||
const { LoginopenHandler } = props; | ||
const clickHandle = () => { |
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.
handleClickHeart
정도로 좀 더 서술함이 어떨까 합니다!
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.
오 조아여🤗🤗
<Card /> | ||
<Card /> | ||
<Card /> | ||
<Card LoginopenHandler={openLoginModalHandler} /> |
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.
openLoginModalHandler={openLoginModalHandler}
로 통일 말하는 고 같은데??~
</St.Wrapper> | ||
<St.Buttons> | ||
<St.LoginButton to="/login">로그인</St.LoginButton> | ||
<St.SignUpButton>회원가입</St.SignUpButton> |
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.
button 태그가 아닌 Link 태그로 대체될 것 같습니당
빠른 코드리뷰 반영 ~~~~~~~~~~~~~~~~~~ 고맙습니다> < |
📌 내용
📌 내가 알게 된 부분
<modal>
을 가져다 쓰는 법을 알게 되었습니당~!!📌 질문할 부분
📸 스크린샷