개인 프로젝트) 디자인 키트 구매, 활용 api 정하기 (mockup api, 네이버 쇼핑 api)

부스트캠프를 통하여 Compose 프로젝트를 진행하였지만, 
제대로 된 xml 프로젝트 경험이 없기에, 새로운 프로젝트를 하나 해보기로 결정하였다.
쇼핑앱 프로젝트를 진행하려고 마음먹었고, 개인 프로젝트지만 디테일하게 만들어야 한다 생각하여
디자인도 볼만하게 만들고, 목업 데이터도 괜찮은 것을 사용하자고 생각하였다.

 

디자인 선정 과정 - 크몽

우선 작성자는 디자인을 엄청 못한다.

따라서 디자인 키트를 구매하기로 생각하였다.

우선 스마트스토어 할 때 많이 쓰던 크몽을 둘러보았다,

하지만 커스텀 UI 이다보니 기본 가격부터 만만치 않았다.

아래 첨부 사진처럼 2페이지에 10만원은 가볍게 넘는 경우가 많았다...

디자인 선정 과정 - Figma Ui Kit

취준생에게는 상당히 부담이 되는 가격이였기에 다른 방법을 찾아보기로 결정하였다. 

그러던 중 커피챗을 통해 피그마에서 UI KIT를 무료제공하거나 유료 판매한다는 소식을 들었다.

정보를 입수하자마자 바로 검색해보았고, 쇼핑앱으로 검색하였을 때 멋진 디자인들이 많이 존재하는 것을 확인할 수 있었다.

멋지다!

하나하나 디자인들을 찾아 본 결과, 내가 하려던 프로젝트에 가장 맞는 디자인을 선정하게 되었다.

상세한 페이지들이 전부 존재하고, 가격도 크몽에 비해 저렴하여 해당 디자인을 사용하기로 하였다!

37달러지만 환율이슈+VAT로 60000원을 결제하게 되었다....

 

Api 선정 과정 - 목업 API

다음은 쇼핑몰앱에 통신하여 띄워줄 쇼핑 api를 선정하고자 하였다.

직접 하나하나 만들수는 없기에, 어떻게 하면 좋을지 고민하였는데,

커피챗에서 목업데이터를 제공하는 api들이 있다고 하여 찾아보았다.

웹서핑을 하던 중 아래와 같은 인프런 답변을 찾게 되었다.

쇼핑앱을 만들기 위한 목업 데이터를 제공하는 api사이트들이였고, 

이 중 platzi의 api가 활용하기 좋을 것 같아서 테스트해보았다.

 

mockup api 후기

목업 api에는 단점이 몇가지 있었다.

1. 데이터의 개수가 적음

2. 데이터를 누구나 조작할 수 있음

 

무한 스크롤을 구현해보고자 했기에 많은 데이터가 필요하고,

데이터가 함부로 변하지 않았으면 좋겠기에 mockup api는 활용하지 않기로 결정했다.

 

Api 선정 과정 - 네이버 쇼핑 API

아래 이미지와 같이 실제 데이터들을 무료로 제공해준다.

실제 쇼핑 상품 데이터를 불러오므로, 데이터도 상당히 많았다.

또한 상품 판매자만 상품 변경이 가능하여 안전하다고 생각하였다.

따라서 결론적으로 네이버 쇼핑 API를 사용하기로 결정하였다.

 

마치며

간단한 프로젝트를 만들고자 하지만, 디자인과 개발한 기능을 보여줄 데이터들은 중요하다고 생각하여

위와 같이 디자인과 목업 api등 여러 api를 찾아보게 되었다.

이 글을 읽는 다른 분들도 프로젝트를 한다면 참고가 되었으면 좋겠다.