양갱의 개발 블로그

1. 아래 링크에서 회원가입 / 로그인한다 https://www.bigdatacloud.com/docs/api/reverse-geocode-to-city-api Reverse Geocoding to City API Returns detailed locality information for provided Latitude/Longitude coordinates www.bigdatacloud.com 2. API패키지에서 map API key를 생성한다. 3. 위 링크에서 값을 reqeust, response해주면 주소를 가져올 수 있다. 4. request는 위도, 경도, api 키 값을 보내주면 된다 5. response 값으로는 위 코드에서 확인하면 된다. (엄청 많음!!) 컴공이나 개발 프로젝트를 진행..

앱에서 만드는 부분은 산책이라 ​ 날씨 api를 넣어야겠다고 생각함 ​ 그래서 ​ 날씨 api를 쓰려고 한다 ​ ​ https://velog.io/@yhko1992/%EB%82%A0%EC%94%A8-%EC%A0%95%EB%B3%B4-%EB%B0%9B%EC%95%84%EC%98%A4%EA%B8%B0

firebase 에서 storage를 생성한다 ​ 꼭!!!!!!!!!! rules를 true로 해줘야지 올릴수 있음!! 안올라가서 뭐지 뭐지 했는데ㅜㅜ 완전 까먹었었음! ​ ​ 해당 내용은 아래 링크에서 참고하시오오오우 https://instamobile.io/mobile-development/react-native-firebase-storage/ 그래서 일단 막 하고 있는 중인데 https://firebase.google.com/docs/storage/web/upload-files?hl=ko 웹에서 Cloud Storage로 파일 업로드 | Cloud Storage for Firebase Google I/O 2023에서 Firebase의 주요 소식을 확인하세요. 자세히 알아보기 의견 보내기 웹에서 Cl..

이번 졸업 프로젝트로 하는 내용에서 ​ QR코드를 스캔하고 해당 기능페이지로 넘어간다 ​ 하지만 다시 뒤로 가기를 하면 그 전에 스캔 했던 ​ QR코드와 station의 정보가 나와서 이런 점을 보완하고자 ​ react native navigation을 공부하기로 했다.. ​ ​ 그래서 찾은 내용은 ​ Reset!!! ​ 이라는 내용이다..! ​ https://zeunny.tistory.com/18 [React Native] React Navigation 스택 초기화하기 [React Native] React Navigation 스택 초기화하기 React Native 프로젝트에서 React Navigation 중 Stack Navigation 을 사용하면 스택이 계속 쌓인다. 이 때 스택을 초기화 해야하는..

react와 react-native의 차이점 리액트는 페이스북에서 만든 프론트엔드 javascript 라이브러리 ​ 리액트 네이티브는 react의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈소스 프레임 워크 ​ ​ 리액트 네이티브는 html문법을 사용하지 않는다 ​ 그래서 이번 포스팅에서는 이것을 다룰것이다 ​ html은 많이 있는데 기본의 css도 지원하지 않는다 ​ 일단 대표적인 태그들을 비교해보겠다 html React Native div img span, p ul/ol, li 태그가 다르다 이부분도 꼭 기억해줘야한다! 헷갈리면 안돼,,,! ​ ​ 상태바를 조작할 수 있다! style을 조작하여 상태바를 조절할 수 있다 https://docs.expo.dev/versions/latest/s..

일단 처음이기 때문에 니콜라스 쌤 수업을 들으면서 진행하려고 한다! #2.8 Weather (15:32) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 이 영상을 보면서 따라했다! !! 중요 !! expo install expo-location import * as Location from "expo-location"; import { StatusBar } from "expo-status-bar"; import React, { useEffect, useState } from "react"; import { View, Text, Dimensions, ActivityInd..

일단 처음이기 때문에 니콜라스 쌤 수업을 들으면서 진행하려고 한다! #2.8 Weather (15:32) – 노마드 코더 Nomad Coders All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 이 영상을 보면서 따라했다! 필수!! expo install expo-location import * as Location from "expo-location"; import { StatusBar } from "expo-status-bar"; import React, { useEffect, useState } from "react"; import { View, Text, Dimensions, ActivityIndicat..

https://github.com/iamport/iamport-react-example/blob/master/manuals/CERTIFICATION.md GitHub - iamport/iamport-react-example: 리액트 환경에서 아임포트 결제 및 휴대폰 본인인증 연동을 위한 리액트 환경에서 아임포트 결제 및 휴대폰 본인인증 연동을 위한 예제입니다. Contribute to iamport/iamport-react-example development by creating an account on GitHub. github.com https://www.npmjs.com/package/iamport-react-native iamport-react-native 리액트 네이티브용 아임포트 결제/본인인증..

로그인 회원가입 UI ​ 팀원들과 같이 ui를 제작 ​ https://balsamiq.com/ react native 되면 바로 코드를 제작하려고 했는데 ​ 전 팀플이 있어서 ​ node 버전 문제로 다음으로 미뤘다 ​ UI ​ - 로그인 UI ​ 로그인과 비밀번호를 입력하면 로그인 성공 카카오톡, 네이버로 로그인 만약에 카카오톡이랑 네이버로 회원가입을 안했으면 회원가입 창으로 이동 카카오톡이랑 네이버 소셜 로그인하는 부분은 따로 포스팅하겠움!! ​ - 회원가입 아이디는 이메일 형식으로 입력 다른 부분은 모두 동일 아이디와 닉네임은 중복 검사 주소는 찾기로 찾아봄 전화번호는 인증 ​ 4,5번은 구현가능할지 모르겠다 주소와 전화번호로 인증하기가 가능한지 찾아봐함 ​ ​ ​ 지금!! >>>>다음 포스팅에서!..

expo 설치를 할건데 책은 cli라 유투브로 보기로 했다! https://www.youtube.com/watch?v=TkJtqgd1mKM 1.리액트 네이티브 페이지로 이동 https://reactnative.dev/docs/environment-setup 해당 페이지 setting페이지로 넘어간다 ​ ​ 2. expo와 react native CLI를 골라서 설치할 수 있다 cmd창에서 프로젝트를 생성할 수 있다 ​ AwesomeProject라는 이름을 가진 expo 파일을 만든다! 라는 뜻이다 ​ 나는 최종 프로젝트 이기도 하고 나중에 깃허브로 다같이 파일명이 어차피 바뀔 거니까 Final로 적기로 했다! ​ 전에 했던 react 파일과 충돌이 날까봐 무섭긴 한데 그냥하기로 했,,다! ​ 3. npx..