분류 전체보기 (30) 썸네일형 리스트형 [ReactNative] Android Native Module 만들기 ReactNative 를 시작하면, 해당 플랫폼의 기본 문법 및 제공되는 컴포넌트 및 사용법에 대해서 익히는게 먼저일 것이다. 하지만 내가 맡은 프로젝트는 기존에 잘 짜여진 Android / IOS Native 를 완전한 ReactNative 로 대체를 해야하는 것이었다. 백지부터 다시 짜고 싶은게 당연히 편하겠지만, 현실적인 일정도 있고 순차적으로 전환해나가기 위해서 Native Module을 사용할 수 밖에 없다. 그래서 기존 Native 코드를 재사용할 수 있는 Module로 만드는 법에 대해서 작성해보려고 한다. 아래 ReactNative 공식문서를 참고했다. https://reactnative.dev/docs/native-modules-intro Native Modules Intro · Reac.. [ReactNative] 개발환경 설정 (Mac OS) 팔자에도 없던 React Native를 개발하게 되어 정리를 시작하려고한다. 우선 개발환경 부터 셋업! https://reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 영문으로 된 가이드를 잘 읽어보니, Expo를 이용해서 프로젝트를 만들어도 되고, 기존 스튜디오/ xcode 를 사용해서 개발을 진행해도 되는 것 같다. Expo를 이용하는 방식은 Android/IOS 개발환경 없이, 리얼 디바이스만 있으면 개발할 수 있는 방식이다. An.. [React] 강의 정리 1부 - ES6 환경설정, ES6 기본 문법 https://github.com/stepanowon/react-2021-spring-beginner GitHub - stepanowon/react-2021-spring-beginner Contribute to stepanowon/react-2021-spring-beginner development by creating an account on GitHub. github.com 2022.8.1.월 ES6 를 위한 환경설정 방법 1. node.js 설치 2. visual studio code 설치 3. extension pack 설치 - Korean language - Babel ES6/ES7 - Reactjs code sinppets - view-in-browser vscode를 새로 열고, 프로젝트 폴.. 아이폰 IOS 업데이트 이후, xcode로 app 설치 실패 시 해결 방법 어느날 갑자기 아이폰의 IOS가 업데이트를 하겠냐고 물었다. 괜히 세팅 같은거 바뀔까봐, 귀찮아서 아이폰 업데이트를 미루고 있었는데, 갑자기 업데이트가 되어버렸다!! 그러더니 발생한 일. 1. Android Studio에서 Flutter 프로젝트 빌드 실패... 디바이스를 찾을 수 없다고 한다. 2. 그렇다면 Xcode로 빌드 시도!... 역시나 시패 디바이스 어쩌구 저쩌구. 아래와 같은 에러문구가 발생했다. This operation can fail if the version of the OS on the device is incompatible with the installed version of Xcode. You may also need to restart your mac and device in.. Visual Studio Code 에서 AWS ssh 클라이언트 접속하기 팔자에도 없던 서버까지 개발해야 되면서 node.js 로 api를 만들고 있는데 vi 로 코딩하는게 여간 귀찮은게 아니다. visual studio code로 실행도 안되고... 뭐가 방법이 없을까 찾아보니 역시나 방법이 있었다! 아래 블로그 링크에 잘 나와있었다. https://tttap.tistory.com/141 [ VS Code ] Remote 원격 아마존 AWS SSH 클라이언트 접속 비주얼 스튜디오 코드 (Visual Studio Code, 이하 VSCode) 에서 SSH 접속을 하려면 Remote SSH 라는 플러그인을 다운로드 해야 합니다. 아마존 AWS에 pem 키를 이용해 SSH 클라이언트 접속을 하는게 목적이기 때 tttap.tistory.com 블로그에 잘 나와있지만 까먹지 않기 위.. MacOS Flutter build error 잡기 1. Debug.xcconfig 파일이 없다는 에러 Xcode's output: ↳ note: Using new build system note: Planning note: Build preparation complete note: Building targets in dependency order /Users/hello/Projects/test/ios/Flutter/Debug.xcconfig:1:1: error: unable to open file (in target "Runner" in project "Runner") /Users/hello/Projects/test/ios/Flutter/Debug.xcconfig:1:1: error: unable to open file (in target "Runner.. [Flutter] MacOS에서 빌드시 cocoapods 에러 문제 MacOS 의 Android Studio 에서 아이폰 단말을 연결하고, 빌드를 시작했더니 아래와 같은 에러가 발생했다. Warning: CocoaPods not installed. Skipping pod install. CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side. Without CocoaPods, plugins will not work on iOS or macOS. For more info, see https://flutter.dev/platform-plugins To install see https://guides.co.. [Flutter] Google map API 야간모드 적용하기 이번에 구글맵 API 가 벡터방식으로 변경되면서, 드디어 한국에서도 야간 및 다크모드를 쓸 수 있게 되었다. 기존의 비트맵 방식에서는, 야간모드를 적용해도 한국만 적용되지 않는 문제가 발생했었는데, 벡터방식으로 변경되면서 이제 한국도 되지 않을까 싶어서 테스트해보니, 정말 야간모드가 동작 하는 것이다. 야간모드를 적용하려면 지도 style 을 구성해서, json 파일을 로컬에 저장한뒤 앱 실행 시 로딩하여 적용해줘야한다. 아래 내용을 참조해서 진행했다. https://medium.com/swlh/switch-to-dark-mode-in-real-time-with-flutter-and-google-maps-f0f080cd72e9 Switch to Dark Mode in Real-Time With Flutt.. Google map api 드디어 vector map 적용 얼마전, 구글 지도가 맵 형식을 벡터 방식으로 변경하면서, 한국의 있는 건물들도 3D로 보여지고 지도도 더욱 깔끔해졌다. Google의 지도 API를 이용해서, 개발을 하는 입장에서 얼른 Google map api 에도 해당 사항이 적용되길 팀원들과 함께 간절히 바라고 있었다. 왜냐하면... 기존 구글 맵은 너무 안이뻣기 때문이다. 이 때문에 네이버 API를 쓸까도 생각했지만, 글로벌 서비스를 염두해둬야 하기 때문에 국내 맵 API는 애초에 생각도 할 수 없었다. 하지만 오늘! 개발중인 우리 앱에 진입했더니, 갑자기 벡터형식의 맵으로 나타나는것이 아닌가? 팀원들에게 급하게 공유를 했더니, 다들 환호성을 질렀다. 구글 만세! 레퍼런스로 설치해놓은 구글맵을 사용하는 다른앱들도 확인해봤더니, 일괄적으로 수정된.. IOS 빌드 에러 일기 기존에 동료가 세팅해놨던 맥북에서 잘 동작하던 코드가, 새로산 맥북에서 빌드를 하니 빌드가 안되는 현상이 발생했다. 별 짓을 다해도 안되서, 3일 내내 구글링하면서 삽질만 하다가 결국 방법을 찾아냈다. 우선, ios Target 버전 문제가 하나 있었다. 이는 아래 블로그를 보고 참고해서 수정했다. https://letyarch.blogspot.com/2021/06/flutter-ios.html [Flutter] iOS 배포 버전 이슈 해결법 ❮ [Flutter] iOS 배포 버전 이슈 해결법 20210617 플러터를 하다보면 가끔씩 이런 경고를 만나곤 한다. Warning: IPHONEOSDEPLOYMENTTARGET is set to 8.0, but the range of supported deplo.. 이전 1 2 3 다음
