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/#47 login modal #52

Merged
merged 5 commits into from
Jul 16, 2022
Merged

Feat/#47 login modal #52

merged 5 commits into from
Jul 16, 2022

Conversation

NYeonK
Copy link
Contributor

@NYeonK NYeonK commented Jul 15, 2022

  • 브랜치명, 브랜치 알맞게 설정
  • Reviewer, Assignees, Label, Milestone, Issue(PR 작성 후에) 붙이기
  • PR이 승인된 경우 해당 브랜치는 삭제하기

📌 내용

  • 로그인 유도창 구현
  • 모달창이 가운데 안오는 건, 헤은짱이 했다고 해서 수정안했습니다~!

📌 내가 알게 된 부분

  • 컴포넌트들을 연결해주는 props를 어떻게 내려주는 지 구조를 이해했습니다!
  • absolute를 잘 써야한다는 것을 한 번 더 느꼈습니다!
  • common에서 <modal>을 가져다 쓰는 법을 알게 되었습니당~!!

📌 질문할 부분

  • 다들 고마워 :D 이해 잘 해쓰야!!

📸 스크린샷

@NYeonK NYeonK added this to the 🔥 Demo Day 🔥 milestone Jul 15, 2022
@NYeonK NYeonK self-assigned this Jul 15, 2022
@NYeonK NYeonK linked an issue Jul 15, 2022 that may be closed by this pull request
10 tasks
Copy link
Contributor

@NaveOWO NaveOWO left a 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}>
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
Contributor

Choose a reason for hiding this comment

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

슈고해똬!!!!

Copy link
Contributor Author

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} />
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
Contributor Author

Choose a reason for hiding this comment

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

아하, filter랑 login 순서 말하는 걸까요??

Copy link
Member

Choose a reason for hiding this comment

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

openLoginModalHandler={openLoginModalHandler} 로 통일 말하는 고 같은데??~

Copy link
Contributor Author

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);
Copy link
Contributor

Choose a reason for hiding this comment

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

useState 초깃값을 지정해줄때는 타입을 지정 안해줘도 알아서 판단한대욤! 근데 이때 써주는게 더 좋은지 안써주는게 더 좋은지는 까먹었다! 도와줘 주함&헨

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
Contributor

@henization henization left a 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}>
Copy link
Contributor

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>
Copy link
Contributor

Choose a reason for hiding this comment

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

button 태그는 타입 꼭 명시해주깅!

Copy link
Member

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);
Copy link
Contributor

Choose a reason for hiding this comment

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

써주면 좋긴해~

Comment on lines 20 to 30
const openLoginModal = () => {
setLoginOpened(true);
};
const closeLoginModal = () => {
setLoginOpened(false);
};

const clickHandleFilterModal = () => {
openModal();
};

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
Contributor Author

Choose a reason for hiding this comment

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

확인했숩니당~!~!!

Copy link
Member

@joohaem joohaem left a 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 = () => {
Copy link
Member

Choose a reason for hiding this comment

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

handleClickHeart 정도로 좀 더 서술함이 어떨까 합니다!

Copy link
Contributor Author

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} />
Copy link
Member

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>
Copy link
Member

Choose a reason for hiding this comment

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

button 태그가 아닌 Link 태그로 대체될 것 같습니당

@joohaem
Copy link
Member

joohaem commented Jul 16, 2022

빠른 코드리뷰 반영 ~~~~~~~~~~~~~~~~~~ 고맙습니다> <
머지할게요 !~

@joohaem joohaem merged commit a9f2be6 into develop Jul 16, 2022
@joohaem joohaem deleted the feat/#47-login_modal branch July 16, 2022 05:18
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.

[ CardCollection - Login Modal ] 로그인 유도창 구현
4 participants