호박너구리 블로그

앱 서비스에서 많이 사용되는 기능 중 하나는 바로 이미지 업로드입니다. 우리가 매일 사용하는 SNS나 메신저 서비스에서도 필수적인 기능 중 하나이죠. 오늘은 리액트 네이티브 (그 중에서 Expo)에서 이미지 업로드 기능을 사용하기 위한 방법에 대해 알아보겠습니다! 1. image picker 패키지 설치하기 이미지 업로드라고 하면, 핸드폰의 자체 기능을 사용하는 것이기에 어려울 것 같다는 느낌이 먼저 듭니다. 그러나 많이 사용하는 기능인 만큼, 패키지화가 잘 되어있었는데요. expo를 사용하시는 분들이라면 expo-image-picker를 설치하면 쉽게 사용하실 수 있습니다. npm install expo-image-picker 그리고 클릭에 사용될 빈 함수를 만들어 두겠습니다. import React ..

개발 2022. 1. 30. 21:31

보통 초심자가 백엔드 개발을 하는 과정을 보면, 두 부분에서 가장 어려움을 겪는 것 같습니다. 바로 회원가입/로그인, 그리고 이미지 업로드 기능인데요. 오늘은 AWS s3를 이용해서 이미지를 업로드하는 방법에 대해 살펴보겠습니다. 1. AWS S3 버킷 생성하기 서비스를 만들 때 얼마나 많은 이미지가 업로드 될 지 모릅니다. 그래서 우리는 보통 클라우드 서비스를 사용하는데요, 아마 개발자 분들이 가장 많이 사용하는 클라우드 서비스는 AWS일 것입니다. 그 중에서 S3는 비디오, 이미지 등의 파일을 저장해두는 기능을 제공하는 서비스이죠. (참고자료. 클라우드와 AWS의 기본 개념) AWS 계정을 생성하고 S3를 검색하면, 버킷이라는 페이지를 볼 수 있을 것입니다. 그곳에서 '버킷 만들기'를 눌러서 버킷을..

개발 2022. 1. 30. 20:28

* 아래 글은 뉴스레터 위클리 호박너구리에서 먼저 다루었습니다. 매주 유익한 경영/기업/산업 분석에 대한 글을 받아보고 싶다면 뉴스레터를 구독해 보세요:) 국내 이커머스 산업은 빠르게 변화하고 있습니다. 특히 2014년부터 로켓배송을 도입한 쿠팡은 변화를 주도하며 꾸준히 점유율을 늘려가고 있죠. 그러나 변화와 혁신의 쿠팡도 뚜렷한 성과를 내지 못하고 있는 분야가 있습니다. 바로 의류 카테고리인데요. 과연 패션 분야에서는 어떤 기업이 선전하고 있을까요? 오늘은 여러 패션 플랫폼 기업들과, 온라인 패션 산업의 대표적인 세 가지 흐름에 대해 알아보겠습니다. # 온라인 패션 플랫폼 현황 현재 모든 패션 업계의 전망이 밝은 것은 아닙니다. 코로나 바이러스는 오프라인 매장 중심의 기성 패션 분야에 많은 타격을 주었..

산업 분석 2022. 1. 14. 18:30

개발을 하다보면 가장 어려운 것 중에 하나가 바로 네이밍입니다. 어쩔 때에는 변수와 함수 이름을 고민하는 것이 개발 시간의 상당 부분을 차지하기도 하는데요. 이러한 네이밍에 대한 고민은 단순히 함수와 변수 이름에만 그치지 않습니다. API를 만들다 보면 한 부분에서 네이밍에 대한 고민을 추가적으로 하게 되는데요. 바로 api url 주소 구성/네이밍에 대한 고민입니다. REST 방식으로 api를 만들면 url 주소에 대해 고민하고, graphql 방식으로 만들면 쿼리나 뮤테이션 이름에 대해 결정해야 하는데요. 오늘은 REST API의 URL 컨벤션에 대해 다루어보겠습니다. 사실 네이밍에 정답은 없습니다. 그러나 고민하시는 분들의 결정에 도움이 될 수 있도록 스택오버플로우 질의응답, 개발 블로그, 유명한 ..

개발 2022. 1. 13. 23:13

* 아래 글은 뉴스레터 위클리 호박너구리에서 먼저 다루었습니다. 매주 유익한 경영/기업/산업 분석에 대한 글을 받아보고 싶다면 뉴스레터를 구독해 보세요:) 여러분은 글로벌 미디어/콘텐츠 기업이라고 하면 어느 회사가 떠오르시나요? 아마 많은 분들이 넷플릭스(Netflix)와 디즈니(Disney)를 생각하실 것 같은데요. 실제로 디즈니와 넷플릭스는 (2021년 12월 27일 기준) 각각 약 331조 원과 323조 원의 시가총액을 자랑하는 명실상부한 글로벌 기업입니다. 그러나 상대적으로 덜 알려진 기업 중에서, 두 회사의 매출을 합한 것보다 더 많은 매출을 올리는 미디어 회사가 있습니다. 바로 컴캐스트(Comcast)인데요. 과연 컴캐스트는 어떤 회사길래 큰 매출을 기록하고 있는 것일까요? 오늘은 디즈니와 컴..

기업 분석 2021. 12. 31. 18:30

- 종종 개발 삽질기를 보내드리고 있습니다. 간단하지만 재미있는 개발 삽질기를 받아보고 싶으시다면, 호박너구리 개발일지 뉴스레터를 구독해 주세요:) api를 구현할 때 토큰을 자주 활용하게 됩니다. 현재 요청을 보낸 유저가 누구인지에 따라 보내줘야할 정보가 달라지기 때문인데요. 만약 자기의 정보를 요청하는 것이라면 정보를 보내줘도 되지만, 다른 유저의 정보를 요청하는 api 호출이라면 제한된 정보만 보내줘야 할 수도 있습니다. 이렇듯 api 구현에 있어서 토큰 검증은 자주 사용되는데, 매번 똑같은 코드를 작성할 수는 없죠! 오늘은 토큰 검증을 위한 미들웨어 추가 방법에 대해 다루어보겠습니다:) 1. Express의 Middleware Express에서 미들웨어 구현은 어렵지 않습니다. (관련 문서) 다음..

개발 2021. 12. 22. 22:48

- 종종 프론트엔드 삽질기를 보내드리고 있습니다. 간단하지만 재미있는 개발 삽질기를 받아보고 싶으시다면, 호박너구리 개발일지 뉴스레터를 구독해 주세요:) RestApi를 쓰고 있다면 어느새 라우터에 함수가 많아져 있을 것입니다. 그리고 router가 적을 때에는 몰랐는데, 많아지고 보면 비동기 함수 에러 처리를 위해 매번 똑같은 try, catch를 사용하고 있는 자신의 코드를 발견할 수 있게 되죠. 오늘은 중복 코드를 줄일 수 있는 미들웨어 에러 핸들링에 대해 다뤄보겠습니다! 1. Express의 Middleware Express에서는 다음과 같이 미들웨어 기능을 제공합니다. (Express 문서) 미들웨어를 사용하면 모든 코드에 콘솔을 찍지 않아도, 하나의 함수만으로 모든 api에 대한 로깅 등이 가..

개발 2021. 12. 22. 22:23

- 종종 프론트엔드 삽질기를 보내드리고 있습니다. 간단하지만 재미있는 개발 삽질기를 받아보고 싶으시다면, 호박너구리 개발일지 뉴스레터를 구독해 주세요:) 사실 웹(React)에서 Google API로 구글 계정 연동 기능을 만드셨던 분들은, React Native에서도 비슷하게 구현하면 된다고 생각하실 수 있습니다. 사실 저도 그런 생각을 갖고 있었는데요. 그러나 App이어서 그런지, web에서 url redirect 방식을 사용했던 것과 방식이 조금 다르더라고요. 저는 Expo를 통해서 만들고 있는데, 검색해보니 많은 글들은 expo가 deprecated 시킨 Google이나, GoogleSignIn 패키지를 이용한 내용을 다루고 있었습니다. Expo 는 현재 AuthSession 이라는 패키지 사용을..

개발 2021. 12. 22. 18:30