분류 전체보기43 Astro Framework에서 Cloudinary로 이미지 업로드 서비스를 만들면서 필수로 필요한 기능들이 몇가지 있는데, 기록을 위해 데이터베이스를 사용하는걸 해봤으니 이번에는 이미지를 업로드하여 공유하는 기능을 만들어볼까요? 이미지를 운영중인 서버에 직접 업로드하는 방법도 있지만 serverless 배포방식이 유행하면서 이미지를 별도 공간에 올리는 경우가 많아졌습니다. 아마존 웹 서비스를 이용하는 경우에는 s3에 presigned 업로드를 많이 하는데, 우리는 25기가의 저장공간과 일정 조건까지는 무료로 쓸 수 있는 cloudinary 서비스를 이용해보도록 하겠습니다. 단순 이미지를 업로드 할 수 있는 저장공간을 제공해주는것 외에도 서비스에서 이미지를 리사이즈 해준다던가, 크롭을 해준다던가, 여러 필요한 기능들을 sdk형태로 많이 제공해줍니다. 이런 부가적인 기능들.. 2024. 3. 18. [개발일지] 공공데이터포털에서 아파트 목록 open api 호출하기 목표 부동산 시세 공부를 위해 네이버 부동산, 호갱노노 같은 부동산 서비스를 개발해보도록 하자. 일단 목표는? 지도에 마커로 아파트 시세를 표현해주는것을 목표로 해보자. 그럼, 아파트 목록을 수집해야할텐데 어디서 갖고 와야할까? 이곳 저곳 검색해보니 역시 공공데이터포털(https://www.data.go.kr)이 나오더라. 전산화가 잘 되있는 우리나라에 감사할따름. 많은 공공 api 중에 어떤걸 사용해야할까? 공공데이터포털에서 open api 호출하기 검색해보니 국토교통부에서 제공하는 공동주택 단지 목록제공 서비스 (https://www.data.go.kr/data/15057332/openapi.do)가 있구나! 일단 한번 호출해볼까? 필수값은 서비스키와 시도코드이다. 서비스키는 공공데이터포털(https.. 2024. 1. 14. React.JS, Next.JS, shadcn/ui 에서 dark mode 설정하기 목표 React.JS와 Next.JS, shadcn/ui로 구성된 프로젝트에 dark mode를 적용하는 법을 알아보자. 다크모드 변경 Next.JS 프로젝트 셋팅 아래와 같은 create-next-app 명령어로 Next.JS 14버전의 새로운 프로젝트를 생성한다. $ npx create-next-app@latest next-dark 명령어를 실행하면 사용자에게 몇가지 질문을 하는데 아래와 같이 src 디렉토리만 No를 선택하고, Tailwind CSS, App Router는 사용하도록 Yes를 선택한다. Need to install the following packages: ✔ Would you like to use TypeScript? … No / Yes > Yes ✔ Would you like t.. 2023. 12. 20. flutter upgrade 할때 만난 에러메시지 회사에서 뿐만 아니라 개인적으로도 React Native를 주력으로 사용했지만, React Native를 사용할때 항상 아쉬운 점이 버전 업그레이드를 할때였다. 오죽하면 https://react-native-community.github.io/upgrade-helper/ 와 같은 업그레이드를 도와주는 커뮤니티 도구까지 따로 있을까. 물론 플러터도 다트 언어에 Null Safety가 들어가면서 마이그레이션 툴을 따로 실행해야 했지만, 그때를 제외하곤 버전업의 난이도가 훨씬 낮은것도 사실이다. 간만에 버전업을 하기 위하여 flutter upgrade 명령어를 입력하였는데 아래와 같은 메시지를 만났다. Unknown flutter tag. Abandoning upgrade to avoid destroying .. 2023. 9. 2. 이전 1 2 3 4 ··· 11 다음
