컴포넌트 만들기

01. 웹사이트를 선정하기

[아모레퍼시픽 공식 온라인 쇼핑몰]

https://www.amoremall.com/kr/ko/display/main?utm_source=google&utm_medium=sa&utm_campaign=conversion_ao_google_powerlink&utm_content=amoremall_brand&utm_term=%EC%95%84%EB%AA%A8%EB%A0%88%ED%8D%BC%EC%8B%9C%ED%94%BD&gad_source=1

아모레퍼시픽 공식 온라인 쇼핑몰 - 신규고객 10% 추가할인

---

02. 내가 만들고 싶은 컴포넌트를 캡처하여 피그마로 만들기

 

<캡쳐 한 컴포넌트>

---

 

<내가 만든 컴포넌트>

 

---

 

<컴포넌트를 활용한 최종 작업물>

이미지는 'Unsplash 플러그인'을 활용해 임의로 넣었다.

 

---

03. 추가로 오토 레이아웃 적용하기

 

<캡쳐본과 내가 만든 작업물 비교>

위 : 캡처 / 아래 : 작업물