๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ 5

๋ฆฌ์•กํŠธ๋กœ ์นด์นด์˜ค๋งต ์‚ฌ์šฉํ•˜๊ธฐ

๋จผ์ € ์นด์นด์˜ค ์ง€๋„API ํ‚ค ๋ฐœ๊ธ‰์„ ํ•ด์ค๋‹ˆ๋‹ค. https://apis.map.kakao.com/ ์—ฐ์Šต์šฉ์ด๋‹ˆ๊น ๋Œ€๊ฐ• ์ž‘์„ฑํ•ด ์ฃผ์‹œ๊ณ ~ ํ”Œ๋žซํผ ๋„๋ฉ”์ธ์—๋Š” localhost:3000๋ฅผ ์ ์–ด์ค๋‹ˆ๋‹ค. (๋ณธ์ธ์ด ์‚ฌ์šฉํ•˜์‹œ๊ณ  ๊ณ„์‹  ํฌํŠธ ๋„˜๋ฒ„๋ฅผ ๋„ฃ์–ด์ฃผ์…”์•ผ ํ•ด์—ฌ) ์ ์šฉํ•˜๊ธฐ https://apis.map.kakao.com/web/guide/ ๊ฐ€์ด๋“œ๋ฅผ ๋”ฐ๋ผ์„œ ์ฐจ๊ทผ์ฐจ๊ทผ ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  js๋กœ ๋งŒ๋“ค์–ด์ง„ ์ฝ”๋“œ์ด๋‹ˆ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. api ํ‚ค ๋“ฑ๋กํ•ด์ฃผ๊ธฐ pulbic → index.html์˜ tag์•„๋ž˜์— ๋ณธ์ธ์ด ์ž…๋ ฅ๋ฐ›์€ ํ‚ค์™€ ํ•จ๊ป˜ ์‚ฝ์ž…ํ•ด ์ค๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜๊ธฐ /* global kakao */ //๋ช…์‹œ ํ•ด์ฃผ์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค. import React, { useEffect } from 'react'; const { kakao } = window..

React Native App ์šด๋™ ๊ธฐ๋ก ์•ฑ

์ด๋ฒˆ์— ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ํ™œ์šฉํ•œ ์šด๋™ ๊ธฐ๋ก ์•ฑ์„ ๋งŒ๋“ค์–ด ๋ดค์Šต๋‹ˆ๋‹ค. ๊ธˆ๋ฐฉ ๋งŒ๋“ค์ค„ ์•Œ์•˜๋˜ ์ดˆ๋ฐ˜์˜ ์ƒ๊ฐ ๊ณผ๋Š” ๋‹ฌ๋ฆฌ ํ• ๊ฒŒ ์ƒ๊ฐ๋ณด๋‹ค ๋ฌด์ฒ™ ๋งŽ์•˜๋‹ค๋Š”.... ์ž˜ํ•˜์‹œ๋Š” ๋ถ„์€ ์ฝ”๋“œ์™€ ์ฃผ์„ ์•ฑ ์ „์ฒด์— ๋Œ€ํ•œ ๋ถ€์กฑํ•œ ๋ถ€๋ถ„๋“ค์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์„ ์ฃผ์‹œ๋ฉด ๋„ˆ๋ฌด ๊ฐ์‚ฌํ•˜๊ณ  ใ… ใ…  ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ๊ณต๋ถ€ํ•˜๊ณ  ๊ณ„์‹ ๋ถ„์ด๋ผ๋ฉด ์ด๋Ÿฐ ๊ฒƒ๋„ ์žˆ๊ตฌ๋‚˜~ ์ •๋„๋กœ ํ›‘์–ด ๋ณด์‹œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค! bb. ๋ฆฌ๋“œ๋ฏธ๋Š” ์•„์ง ์ž‘์„ฑํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค... ๊ณง~ git: https://github.com/yongdeok97/Gym-diary GitHub - yongdeok97/Gym-diary: Gym diary Gym diary. Contribute to yongdeok97/Gym-diary development by creating an account on GitHub...

IOS Debugger ์•ˆ์ผœ์งˆ ๋•Œ

ios ๋””๋ฒ„๊ฑฐ ์•ˆ์ผœ์งˆ ๋•Œ https://romeoh.tistory.com/431 ๋””๋ฒ„๊ฑฐ๋ฅผ ์‹คํ–‰ํ•œํ›„ ๋งคํŠธ๋กœ์— ๋œจ๋Š” ์˜ค๋ฅ˜์ด๋‹ค . chrome://inspect/ ์ ‘์† ios → podfile์—์„œ hermes_enabled ⇒ false pods cd ios && pod install && cd .. npx react-native run-ios ๋~

React native Login with google, firebase

2๊ฐ€์ง€ ๋ฐฉ๋ฒ•์œผ๋กœ ๋กœ๊ทธ์ธ์„ ๊ตฌํ˜„ ํ•  ๊ฒƒ์ด๋‹ค. 1๋ฒˆ์งธ google 2๋ฒˆ์งธ firebase๋ฅผ ํ†ตํ•ด์„œ https://devbksheen.tistory.com/entry/React-Native-Firebase๋กœ-ํšŒ์›-์ธ์ฆํ•˜๊ธฐ https://juzero-space.tistory.com/288 google login ํ•„์š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ npm install @react-native-firebase/app --save npm install @react-native-firebase/auth --save npm install @react-native-google-signin/google-signin --save firebase์—์„œ ์ƒˆ ์žฌ๊ณต์—…์ฒด ์ถ”๊ฐ€. import auth from "@react-native-firebase/a..

React native permmision

๊ธฐํƒ€ ํŠœ๋‹์„ ํ•˜๋ ค๋ฉด ์ผ๋‹จ ๋งˆ์ดํฌ์— ๋Œ€ํ•œ ๊ถŒํ•œ์„ ์ค˜์•ผํ•œ๋‹ค. ๋งˆ์ดํฌ๋ฅผ ํ†ตํ•ด์„œ ๋“ค์–ด์˜จ ์†Œ๋ฆฌ๋ฅผ ํ†ตํ•ด์„œ ์†Œ๋ฆฌ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์–ป์–ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. react-native-permissions๋ฅผ ์‚ฌ์šฉํ•ด์„œ ๊ถŒํ•œ์„ ๋ถ€์—ฌํ•  ๊ฒƒ์ด๋‹ค. $ npm install --save react-native-permissions target 'YourAwesomeProject' do # … permissions_path = '../node_modules/react-native-permissions/ios' pod 'Permission-AppTrackingTransparency', :path => "#{permissions_path}/AppTrackingTransparency" pod 'Permission-BluetoothPeripher..