Skip to content

Card2#19

Open
SeoGyun2 wants to merge 2 commits intoSprint5-part2-team8:developfrom
SeoGyun2:card2
Open

Card2#19
SeoGyun2 wants to merge 2 commits intoSprint5-part2-team8:developfrom
SeoGyun2:card2

Conversation

@SeoGyun2
Copy link
Collaborator

임시 pr 템플릿 입니다. 추후에 계속해서 업데이트 할 예정입니다.

작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요.

카드 레이아웃입니다 !

상자안 경계선 거리를 조절을 못했습니다, 또 뒷 배경을 못 넣었어요.. 아시는분 피드백 바랍니다

@SeungRyeolBaek
Copy link
Collaborator

SeungRyeolBaek commented Apr 16, 2024

뒷 배경의 경우에는
전체를 감싸고
<#div태그 className={cx("container")}>
//<이미지 태그 src=~~> // img를 적으면 여기 코멘트 에디터가 이상하게 해석해서 이렇게 표현했습니다
... //나머지
</#div태그>
이렇게 전체 컨테이너에 이미지 적용시키고, 컨테이너에 대해 position=relative를 쓰시고
나머지 하위 컴포넌트의 위치를 position=absolute로 해서 컨테이너 기준으로 절대적 위치 잡아주시는 방식으로 구현하면 될 겁니다...

배경의 경우에는 실제 사용시에는 props로 받아와서 img태그의 src프로퍼티에 받아온 이미지 소스를 넣는 식으로 구현하면 되었고 그 부분은 나중에 api써서 처리해야 해서 일단은 적당히 이미지 아무거나 받아오시는 것으로 해야 해요.

@bomin0830
Copy link
Collaborator

수고하셨습니다 승렬님이 리뷰남겨주신거 참고하셔서 수정하신 후에 리액트로도 사용할 수 있게 해주시면 감사하겠습니다!
부담가지시지 마시고 막히시는 부분 있으시면 공유해주세요! 같이 풀어가요!

@ghost
Copy link

ghost commented Apr 16, 2024

수고하셨습니다!

Copy link
Collaborator

@SeungRyeolBaek SeungRyeolBaek left a comment

Choose a reason for hiding this comment

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

일단 수고하셨습니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants