전체 글117 RN IOS web view 카카오 맵 연동 에러 / Failed to load resource: The resource could not be loaded because the App Transport Security policy requires the use of a secure connection 카카오 맵 API 를 연동하려는데 웹뷰에서 지도가 랜더링이 안되는 현상이 있었습니다 데스크탑/아이폰 사파리, 아이폰 크롬 에선 전부 잘되는데 웹뷰에서만 안됨 라이브러리는 react-kakao-maps-sdk를 사용했는데 useKakaoLoader가 프로토콜 상대 URL(//dapi.kakao.com/...)을 쓰기 때문에, http://localhost:3000에서 서빙하면 → http://dapi.kakao.com/...으로 해석된다. Chrome은 이를 허용하지만 Safari는 http:// 외부 스크립트를 더 엄격하게 차단함 한 마디로 HTTP, 인증되지 않은 HTTPS 정상적인 SSL이 아닌 webView를 띄우면 나게 된다고 함 app.json"ios": { "supportsTablet.. 2026. 4. 16. 애플 소셜 로그인 for Cognito 회사에서 앱 개발을 하게 되면서 Apple 로그인이 필요했다.정리된 글이 많이 없는거 같아 작성해보았다개발자 계정 등록 → 유료 결제https://developer.apple.com/ Apple DeveloperThere’s never been a better time to develop for Apple platforms.developer.apple.com메인 화면 → 계정 ( account )계정 → 식별자register an app idApp IDs → ContinueApp → ContinueRN 루트 프로젝트 → app.json 에서 bundleId 복붙위 화면과 같은 화면에서 드래그 → Sign in with Apple 체크 → EditRedirect Url 입력 후 저장코그니토 → 유저풀 → .. 2025. 11. 28. TanStack Query 정리 TanStack Query 란리액트 어플리 케이션에서 서버 상태를 효율적으로 관리하는 라이브러리Client State vs Server StateClient StateUI 와 관련된 상태모달의 오픈여부, 언어, 테마 등useState서버에서 일어나는 일과 관련이 없음유저 액션에 의해 변경, 클라이언트 내부에서 관리되고 업데이트 됨Server State서버에 저장되지만 클라이언트에 노출하는데 필요한 데이터서버 → 클라이언트로 전송 (GET)클라이언트 → 서버로 전송 (POST, PUT, DELETE)TanStack Query 특징간펴한 데이터 fetching훅 이용, 데이터를 쉽게 가져옴자동 캐싱한번 가져온 데이터는 캐시에 저장되고, 동일한 요청이 반복되면 데이터를 재활용해서 네트워크 요청을 줄임동기화, .. 2025. 11. 17. RN Amplify + Cognito 로그인 라이브러리 셋팅 Amplify UI 는 적용이 되나 "Not Found Native Module" 에러를 해결하기 위한 과정1. 필수 패키지 설치# 1. 필수 Amplify 패키지npm install aws-amplify @aws-amplify/react-native @aws-amplify/auth # 2. 필수 종속성 (Polyfills & Storage)npm install @react-native-async-storage/async-storage react-native-get-random-values react-native-url-polyfill# 3. OAuth/웹 기반 로그인을 사용한다면 추가 설치npm install @aws-amplify/rtn-web-browser 2. Pod 설치 및 Native 빌드#.. 2025. 10. 10. Samsung Smartthings Access Token 발급받기 const REDIRECT_URI = process.env.NEXT_PUBLIC_SMARTTHINGS_REDIRECT_URI;const CLIENT_ID = process.env.NEXT_PUBLIC_SMARTTHINGS_CLIENT_ID;export const redirectToAuth = (userId: string) => { const REQUEST_AUTH_URI = `https://api.smartthings.com/oauth/authorize?client_id=${CLIENT_ID} &response_type=code&redirect_uri=${REDIRECT_URI} &scope=r:devices:*+w:devices:*+x:devices:*&state=${userId}`; win.. 2025. 8. 20. React Native 루트 진입점 못 찾는 현상 해결 npx expo start -c ( 빌드 클린 명령어 )잘 되던 애뮬레이터가 빌드 클린 후 루트 진입점을 찾지 못함web 시뮬레이터는 정상적으로 랜더링함.expo, node_modules … 등등 빌드 관련된 파일을 모두 삭제하고 다시 빌드 → 실패애뮬레이터에서 앱 삭제후 다시 빌드 → 실패Xcode 에서 앱 삭제후 다시 빌드 → 실패루트 폴더에 index.js 생성 후 “import "expo-router/entry";” 만 넣고 저장 → 실패app/_layout.tsx → 추가 → 실패react-native-dotenv 설치 후 생겼던 문제라 삭제 후 다시 빌드 → 성공 2025. 8. 14. 이전 1 2 3 4 ··· 20 다음
