본문 바로가기

분류 전체보기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.. 2023. 2. 21.
[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.. 2023. 2. 14.
[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를 새로 열고, 프로젝트 폴.. 2022. 8. 5.
아이폰 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.. 2022. 5. 2.
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 블로그에 잘 나와있지만 까먹지 않기 위.. 2022. 3. 15.
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.. 2022. 3. 11.