Builder 16

[Google Sheets] 구글 시트 REST API

구글 드라이브의 Sheets를 REST API로 연결할 수 있습니다. 이번글에서는 연결 설정 및 테스트 데이터 생성하여 GET까지 하겠습니다. 먼저 구글 드라이브로 들어가 새로운 Google 스프레드시트를 생성하고 테스트용 데이터를 입력합니다. 여기서 중요한 부분이 시트명입니다. 처음에는 "시트1" 한글명으로 되어 있는데 이를 영문으로 바꿔줍니다. 왜냐하면 요청 URL에 시트 이름이 들어가서 한글도 상관 없지만 혹시 몰라 영문으로 바꿔줍니다. 다음으로 우측 상단 공유 버튼을 클릭하고 "링크가 있는 모든 사용자로 변경"을 클릭하여 링크 복사 후 완료 버튼을 클릭합니다. 공유를 하지 않으면 외부에서 접근이 불가능합니다. 복사한 링크를 메모장에 붙여넣고 아래 이미지 중 드레그한 부분을 따로 복사해 저장해둡니다..

Builder/ETC 2021.06.29

[Appgyver] 카메라 및 갤러리를 이용한 이미지 처리

카메라로 촬영한 사진을 보여주거나 갤러리에서 선택한 이미지를 보여주는 App을 만들어보겠습니다. 일단 화면은 상단에 버튼이 있고 버튼을 클릭하면 카메라를 사용할 것인지 갤러리를 사용할 것인지 선택하는 메뉴가 나오고 카메라로 촬영하거나 갤러리에서 선택한 사진을 사진 경로와 함께 표시하겠습니다. 화면은 아래와 같습니다. Button이 있고 다음으로 경로를 표시할 Paragraph, 그리고 이미지를 표시 할 Image를 배치합니다. 다음으로 COMPONENT MARKET에서 Function을 추가해야합니다. 하단 Show logic for~를 클릭하고 좌측 상단 메뉴에서 FLOW FUNCTION MARKET 버튼을 클릭하여 MARKET으로 들어가 상단 메뉴에서 Frontend login을 선택한 다음 pick..

Builder/Appgyver 2021.06.13

[Appgyver] 휴대폰 GPS값을 이용한 날씨 정보 조회 (2편)

1편 마지막에서 언급했듯이 GPS 좌표값을 못가져 왔을 때를 대비해 네트워크 정보를 통해 좌표값을 가져와 OpenWeather에 보내는 로직을 추가하겠습니다. 2021.06.11 - [Builders/Appgyver] - [Appgyver] 휴대폰 GPS값을 이용한 날씨 정보 조회 (1편) [Appgyver] 휴대폰 GPS값을 이용한 날씨 정보 조회 (1편) Appgyver가 어렵긴 하지만 지원하는 옵션들이 많아 이것저것 만들어 볼 수 있습니다. 이번에는 GPS 좌표를 이용한 현재 위치의 날씨 정보를 조회하여 보여주는 앱을 만들어 보겠습니다. 우선 날씨 ggondae.tistory.com 먼저 네트워크 정보로 좌표값을 주는 곳은 아래와 같습니다. https://ipwhois.app/ IP Geolocat..

Builder/Appgyver 2021.06.11

[Appgyver] 휴대폰 GPS값을 이용한 날씨 정보 조회 (1편)

Appgyver가 어렵긴 하지만 지원하는 옵션들이 많아 이것저것 만들어 볼 수 있습니다. 이번에는 GPS 좌표를 이용한 현재 위치의 날씨 정보를 조회하여 보여주는 앱을 만들어 보겠습니다. 날씨 정보를 가져올 API를 살펴보겠습니다. 날씨 정보하면 기상청 API를 생각할 수 있겠지만 격자정보 기준으로 요청해야해서 GPS 좌표를 격자 정보로 변환해야하는 번거로움이 있고 Appgyver에서는 이 또한 쉽지 않기 때문에 GPS 좌표값으로 기상정보를 제공하는 OpenWeather를 이용하도록 하겠습니다. https://openweathermap.org/ Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location..

Builder/Appgyver 2021.06.11

[Adalo] 처음 접하면서 느낀 단점2 (예시는 회원가입)

1편에 이어 다시 시작합니다. 2021.06.09 - [Builders/Adalo] - [Adalo] 처음 접하면서 느낀 단점1 (예시는 회원가입) [Adalo] 처음 접하면서 느낀 단점1 (예시는 회원가입) 요즘 Adalo를 이용해서 뭔가 잘 짜여진 앱을 하나 만들고 있습니다. (희망사항입니다.) 너무 길어 여기서 설명하기에는 무리가 있고 나중에 완성되면 전체적인 개요와 중요한 로직에 대한 설명만 ggondae.tistory.com 1편에서 목표로 했던 내용이 안되어 Form을 직접 만들어서 해봤습니다. 솔직히 그제까지 잘 안되서 포기한 상태였는데 오늘 새로운 마음으로 다시 생각해보니 어찌어찌하다 되었습니다. 제가 왜 이런 삽질을 할 수 밖에 없는지 차근차근 설명하도록 하겠습니다. 우선 완성된 모습은 ..

Builder/Adalo 2021.06.09

[Adalo] 처음 접하면서 느낀 단점1 (예시는 회원가입)

요즘 Adalo를 이용해서 뭔가 잘 짜여진 앱을 하나 만들고 있습니다. (희망사항입니다.) 너무 길어 여기서 설명하기에는 무리가 있고 나중에 완성되면 전체적인 개요와 중요한 로직에 대한 설명만 올릴 생각입니다. 그런데 Adalo를 쓰다보니 뭔가 어설픈? 단점이 있습니다. 외국회사에서 만든 제품이다보니 우리나라 환경과 다른점도 있습니다. 아직 많이 써본건 아니지만 회원가입 구현하면서 제가 느낀 눈에 보이는 단점은 다음과 같습니다. 회원가입 처리입니다. 이거가지고 한 이틀 끙끙거리다가 포기했습니다. 제가 원하는 회원가입의 Form 필드는 - 이메일 주소 (로그인 시 아이디값) - 비밀번호 - 비밀번호 확인 이렇게 3개의 간단한 값입니다. 그런데 이 값을 Validation 해야합니다. - 이메일 필드가 공백..

Builder/Adalo 2021.06.09

[Adalo] 오늘의 할일 (TO-DO) 만들기

너무나도 어려운 Appgyver는 잠시 뒤로 하고 Adalo를 살펴보고 기초적인 App 하나를 만들려합니다. Adalo의 장점은 보시면 아시겠지만 쉽고 직관적입니다. 진정한 No-Code Builder 같습니다. 그러면 만들어 보겠습니다. 참고로 처음 하는 내용이라 상세히 설명하느냐 이미지가 많고 내용이 길지만 실제 작업하면 10분도 안되서 끝나는 쉬운 작업입니다. 처음 만드는 App이다 보니 아주아주 간단하게 제작하려 합니다. 오늘의 할일 (TO-DO)로 페이지는 한페이지 입니다. 로그인이니 뭐니 다 생략하겠습니다. 우선 화면은 아래와 같이 구성하겠습니다. 상단에 할일을 등록하는 input과 button, 진행중인 일과 완료된 일을 표시하고 진행중인 일을 Tap하면 완료로 처리하며 우측 삭제 버튼을 T..

Builder/Adalo 2021.06.06

[Appgyver] 바코드 스캐너를 이용한 유통 바코드 조회

식품의약품안전처 제공 API 보다보니 유통바코드 정보가 있어 물류는 잘 몰라 조금 찾아보니 상품 바코드와는 다른 개념인 듯 합니다. Appgyver의 바코드 스캐너를 이용해 바코드 조회 결과를 보여주는 App을 만들어 보겠습니다. 우선 API 구조를 살펴보겠습니다. 아래 링크로 들어가 식약처 URL로 이동한 다음 회원가입하고 신청하면 다음날쯤 API KEY를 줍니다. https://www.data.go.kr/data/15064775/openapi.do 식품의약품안전처_유통바코드 유통상 바코드 식별 정보 www.data.go.kr 요청 URL 구조는 아래와 같습니다. 기본 요청 값은 URL Path에 포함되고 추가 옵션은 파라미터로 들어갑니다. 요청인자값 중 5번까지는 필수입니다. 그리고 6번부터는 옵션인..

Builder/Appgyver 2021.06.04

[Adalo] Adalo 탐방기

솔직히 Appgyver 너무 어렵습니다. 변수 정하고 로직 짜는 것도 어렵고 데이터베이스는 REST API만 지원하고 디자인은 넘사벽 영역이고.. 개발자가 디테일까지 전부 다 신경써야하는거 같아서 이게 No-Code가 맞는지 헷갈릴때가 많습니다. 똑똑한 핀란드형들이 만든거라 그런가??? 과연 Appgyver로 아래와 같은 App을 만들 수 있을까? 좀 회의적인 생각이 들었습니다. 그런 생각을 갖던 중 Adalo라는 빌더를 우연히 보게 되었습니다. https://www.adalo.com/ Adalo - Build Your Own No Code App Adalo makes creating apps as easy as putting together a slide deck. Turn your idea into ..

Builder/Adalo 2021.05.30

[directus] 설치 방법

Appgyver을 공부하다보니 REST API가 필요성을 깨달았습니다. Appgyver(외부) -> 공유기(집) -> REST API(집) -> mariaDB(집) 이 구조를 만들기 위해 뭔가 없을까 찾아보다가 directus라는 툴을 발견했습니다. directus는 설치 쉽고 오픈소스라 무료고 REST API를 지원한다고 하니 호기심에 설치 했습니다. 그리고 설레는 마음으로 외부 접속 테스트를 하니 집에 공유기가 포트 포워딩을 못하네요. 아마 라인이 IPTV 셋톱박스에서 나와 공유기로 들어가다보니 공유기 포트포워딩은 안먹히나 봅니다. 그래서 그냥 데이터베이스 관리툴로 써야겠다 생각하고 그냥 뒀습니다. 설치는 어렵지는 않은데 문제는 별로 유명하지 않은지 정보가 거의 없습니다. 그 어렵지 않은 방법을 찾아..

Builder/ETC 2021.05.28
반응형