개발/ReactNative6 React Native Typescript(타입스크립트)로 프로젝트 생성하는 법 보통 React Native 프로젝트를 생성할 때 아래 명령어를 사용하게 된다. npx react-native init MyTestApp 하지만 이렇게 하게되면 자바스크립트 기준으로 프로젝트가 생성되기 때문에 나중에 타입스크립트로 전환이 쉽지 않다. 처음부터 타입스크립트로 프로젝트를 생성하면 자바스크립트와 타입스크립트를 같이 사용할 수 있게 된다. 왜냐면 타입스크립트는 자바스크립트의 Superset이기 때문이다. 다음 명령어로 React Native 프로젝트를 타입스크립트 프로젝트로 생성 할 수 있다. npx react-native init MyTestApp --template react-native-template-typescript 조금 명령어가 다소 길어보이나.. 유용하게 써먹을 수 있을 것이다. .. 2022. 3. 6. React Native 빌드 Clean하는 법(안드로이드, iOS) 다음은 React Native 안드로이드 빌드 환경에서 build clean하는 법이다. XCODE cd ios xcodebuild clean Android cd android ./gradlew clean for windows cd android gradlew clean 2022. 2. 25. 윈도우에서 React Native JDK오류 Execution failed for task ':app:processDebugMainManifest'. 윈도우에서 React Native개발환경 구축하려면 OpenJDK를 깔아야한다. 내가 보고 있는 책은 "리엑트 네이티브를 다루는기술" 이라는 책으로 Velopert 김민준님이 쓰신 책이다. 이 책에서는 OpenJDK 8을 chocolatey라는 패키지 메니저로 OpenJDK 8을 설치하라고 알려준다. 하지만 나는 윈도우에서 패키지메니저를 사용한적도 없고 잘 알지 못하는 패키지메니저에 의해 내 개발환경이 망가지는걸 원치 않기때문에 JDK정도는 그냥 수동으로 설치하기로 하였다. OpenJDK는 OpenJDK홈페이지에서 받아서 설치하고 환경변수만 잡아주면 되니까? 현재 2022년 2월25일 기준 OpenJDK최신 버전은 17.0.2버전이 었다. 이전버전을 찾아보니 이상하게 9버전까지만 배포되고 8버전은 없다... 2022. 2. 25. React Native ] macOS에서 안드로이드(android) 개발 환경 구축하기 이전 포스트에서 macOS에서 React Native iOS 환경을 구축해보았다. lucidmaj7.tistory.com/252 iOS React Native 환경 구축하기 이번에 알아볼 내용은 React Native 개발환경을 macOS에서 구축하기 위한 방법이다. React Native는 페이스북에서 개발한 오픈소스 모바일 애플리케이션 프레임워크로 기존의 Web에서 사용하는 React를 Nat lucidmaj7.tistory.com 이번 포스트에서는 macOS에서 React Native 안드로이드 개발환경을 구축하는 법을 알아보려한다. React Native 안드로이드 개발환경 구축 방법은 React Native 홈페이지에 자세히 나와있다. reactnative.dev/docs/environment-.. 2020. 10. 14. React Native/ iOS ] 리엑트 네비게이션 (React Navigation) 시작하기 iOS앱에서 화면간 전환을 담당하는 기능을 네비게이션이라고 칭한다. 리엑트 네이티브에서는 공식적으로 네비게이션 처리를 제공하지 않기 때문에 네이게이션 기능을 사용하기 위해서는 써드파티 라이브러리를 사용해야한다. 그 중 널리 쓰이고 있는 React Navigation(reactnavigation.org/)이라는 서드파티 모듈을 공부해 보려한다. 사용에 앞서 React Navigation 설치하고 실행까지 해보는 것을 알아 보겠다. 1. 리엑트 네이티브 앱 프로젝트 생성하기 일단 리엑트 네이티브 앱 프로젝트를 적절한 위치에 생성해 준다. npx react-native init myNav 2. React Navigation 관련 모듈 패키지 설치하기 React Navigation은 서드파티이므로 따로 패키지를.. 2020. 9. 23. iOS React Native 환경 구축하기 이번에 알아볼 내용은 React Native 개발환경을 macOS에서 구축하기 위한 방법이다. React Native는 페이스북에서 개발한 오픈소스 모바일 애플리케이션 프레임워크로 기존의 Web에서 사용하는 React를 Native 모바일 애플리케이션을 개발하는데 사용할 수 있다. 하지만 완전히 호환되지는 않는다. https://reactnative.dev/ React Native · A framework for building native apps using React A framework for building native apps using React reactnative.dev 그럼 이제 본격적으로 React Native 개발환경을 macOS환경에서 구축하는 법을 알아 보겠다. 1. homebre.. 2020. 9. 5. 이전 1 다음
