Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
[이미지 검색 api] 귀여운 피카츄와 함께하는 이미지 검색 앱
#mobile_app
2년 전
5,729
6

결과물 URL: https://expo.dev/@dindoo/pikabey 

캡쳐 이미지 2~3장

undefined

undefined

undefined

자기소개

저는 서울에서 일하고 있는 프론트엔드 개발자 입니다 :-) React, Vue주로 사용하구요, React-Native 이용해서 앱도 몇 개 만들어 android, iOS 스토어에 배포도 해봤습니다.

서비스 소개

제가 만든 서비는 ‘pikabey’라는 앱입니다. pixabey에서 제공하는 이미지 검색 api를 사용하고 싶었고, 제가 좋아하는 피카츄를 넣고 싶은 마음에 나오게된 서비스 입니다.

검색창에 원하는 키워드를 넣고 검색 버튼 클릭 또는 엔터 키를 눌러주시면 키워드에 맞는 이미지들이 검색되어 나옵니다.

검색결과에서 위쪽 영역에는 이미지를 업로드한 user의 프로필 이미지와 user id 값이 표시됩니다. 그리고 검색한 이미지가 나오고, 아래쪽 영역에서는 이미지와 관련된 키워드들이 태그로 나오게 됩니다.

디자인은 잘 하지 못해서, 할 수 있는한 귀엽게 만들어보려고 했는데 너무 개발자 감성이 아닌가 싶습니다 하하하. (결과 이미지 카드 영역을 좀더 포켓몬 도감 처럼 만들고 싶었는데 말이죠)

개발 과정 (어려웠던 점과 해결방법)

첫번째 어려웠던 점은 publish할때 한참 기다렸는데 안되고 있을때, vscode 터미널에서 expo 계정을 로그인 / 회원가입 해줘야 되더라구요. 하루종일 안되서 답답했었습니다.

또 다른 어려웠던 점은 디자인 시안이 없어서 이리저리 만들면서 디자인이 수정사항이 생긴것입니다. 해결방법은 그냥 되는대로 만족하기로 했습니다 ^^

앞으로 계획

앞으로도 작더라도 프로젝트들을 완성시켜가는 경험을 많이 쌓고 싶습니다. 정리된 포트폴리오를 가지고 싶네요.

참 또 저는 프로그래밍 교육쪽으로도 관심이 많아서 니콜라스 선생님 처럼 개발도하고 프로그래밍 교육도 하는 개발자로 성장하려고 합니다! (언젠가 개발자로서, 강의자로서 니콜라스선생님을 만났으면 하는 기대감도 있습니다!)

재미있는 챌린지로 즐거운 시간 선물해주셔서 감사합니다^^

다음에도 또 적극 참여하겠습니다~!

6 comments