<aside> 💡 페이지 클론코딩 (CSS 실습) - https://dev-lr.com/postlist/blog
</aside>
화면 전체를 담는 컴포넌트를 두고, 그 하위에 왼쪽 컴포넌트와 오른쪽 컴포넌트를 구성합니다.
(Optional) 왼쪽 컴포넌트의 하위 요소는 타이틀이 담긴 div와 SNS 아이콘이 담긴 div로 이루어집니다.
오른쪽 컴포넌트에서는 상단에 4개의 고정 포스팅 카드가 위치하며, (Optional)그 아래에는 일번 포스팅 카드가 위치합니다.
각 포스팅 카드는 별도의 파일로 분리된 컴포넌트로 구성해 제작합니다.
각 포스팅 카드의 내용은 자유롭게 구성합니다. 꼭 동일하게 구성할 필요는 없습니다.
고정 포스팅 카드와 일반 포스팅 카드는 각각 서로 다른 컴포넌트로 제작합니다.
고정 포스팅 카드
일반 포스팅 카드
포스팅 카드의 좌측 혹은 상단에 들어가는 이미지의 경우, 파란색 사각형으로 구성합니다. 할 수 있다면 아래 이미지를 적용해도 좋습니다.
폰트 종류나 글자 크기, 색상 등은 본인이 적절하다고 생각하는 값으로 구성해줍니다.
기본적으로 모든 레이아웃 구성은 Styled Component를 이용합니다.
본 멘토링에서 배운 내용만으로 모두 개발이 가능하나, 혹시라도 배우지 않은 내용을 활용해 개발할 경우, 왜 활용하였는지에 대해서 설명해주셔야합니다 ㅎ…
이외의 문의사항은 단톡방 혹은 갠톡으로 편하게 문의주세요~!