전체 글118 WebStorm을 Git 툴로만 쓰다가, Git만 떼어 낸 앱을 만들어 보았다 왜 만들었나코드는 다른 에디터로 쓰는데, Git 작업만큼은 늘 WebStorm을 켜서 했다.JetBrains IDE의 Git 로그 창이 그만큼 편했기 때문이다. 브랜치가 얽혀도 그래프가 깔끔하게 정리되고,필터와 diff, blame까지 한 화면에서 끝난다.문제는 Git 로그 하나 보자고 무거운 IDE를 통째로 띄워야 한다는 것.그래서 그 Git 로그 창만 따로 떼어 낸 가벼운 macOS 앱을 만들었다. 이름은 Lanes.홈페이지: https://flashrifle.github.io/Lanes/다운로드: https://github.com/flashrifle/Lanes/releases/latest무료, 오픈소스(Apache-2.0), Apple 공증 완료어떻게 만들었나 (짧게)IntelliJ Platform.. 2026. 10. 19. 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. 이전 1 2 3 4 ··· 20 다음