React로 다방 클론코딩하기 - 4
·
Series/Clone coding - 다방
안녕하세요! 👏 지난 글에 이어서 Atoms(재료)를 만들어보겠습니다. 목차 📋 기본 세팅 Atoms 생성 - 1 Atoms 생성 - 2 Molecules 생성 Organisms 생성 안녕하세요. 이제 거의 마지막 단계네요. Organisms는 Atoms, Molecules를 조합해서 만드는 형태입니다. 먼저, 카드 그룹을 만들겠습니다. 카드 모음(CardGrid) Organisms/CardGrid 폴더를 만들고 index.tsx, style.ts, index.stories.tsx를 만듭니다. // style.ts import styled from 'styled-components'; interface Props { boxWidth?: string; // box 크기 } export const GridI..