기록하고 나누는 행복

자바스크립트는 타입(type) 기능이 없는 언어이므로 개발자의 사소한 입력 오류 등 을 알아 채지 못합니다 따라서 자바스크립트로 개발을하면 어디서 어떤 오류가 발생했는지 알기 어려워 디버깅이 쉽지 않습니다 타입스크립트는 자바스크립트와 100% 호한하면서도 타입기능을 제공하므로 자연스럽고 알기 쉬운 구문으로 코드를 작성할 수 있습니다 그리고 타입스크립트 컴파일러는 코드에 문제가 있으면 문제의 원인을 알려주므로 자바스크립트의 단점을 해결할 수 있습니다 이러한 장점 때문에 리액트나 리액트 네이티브를 사용할 때 타입스크립트를 사용하라고 권합니다. 1. TypeScript를 리액트 네이티브에서 적용하기 위한 라이브러리 설치 npm install typescript @types/react @types/react-n..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - touch 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 파일생성 유틸리티 touch touch는 맥이나 리눅스의 기본명령프로그램 중 하나로 파일을 생성하는 유틸리티로 윈도우는 기본 touch가 제공되지 않으므로 다음 명령으로 설치합니다 1. npm 명령어를 통한 touch 유틸리티 설치 npm install -g touch-cli 2. 설치 확..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - 타입스크립트 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 타입스크립트(TypeScript) 마이크로소프트(MS)에서 개발, 유지하고 있는 "오픈소스 프로그래밍 언어"로 자바스크립트(JavaScript)의 단점(동적 타입, 타입 에러)을 보안(정적 타입, 컴파일)하기 위해 만들어졌으며, 타입스크립트는 모든 운영 체제, 모든 브라우저, 모든 호스트..

리액트 네이티브 실행 시 발생 되는 에러 및 해결 방법 정리 [Android SDK 설정 에러] 1. 에러 메시지 Android Emulator Hypervisor Driver for AMD Processors installation failed......... 2. 원인 해당 에러는 현재 사용중인 컴퓨터가 인텔 CPU가 아닌 AMD CPU가 장착된 경우 발생되는 에러로 "윈도우 10 버전의 2004 기능 업데이트"가 되어 있어야 합니다. (환경설정 > 업데이트 기록보기에서 확인 가능) 이 업데이트는 AMD CPU에서 안드로이드 시뮬레이터가 동작하도록 하는 기능을 제공합니다 3. 문제 해결 방법 1) 파워셀(관리자)을 통해 Hyper-V를 사용하도록 설정한다. (설치가 끝나면 컴퓨터를 다시 시작합니다) ..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - 비주얼 스튜디오 코드 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 비쥬얼 스튜디오 코드(Visual Studio Code) Visual Studio Code는 마이크로소프트에서 제공하는 오픈소스 편집기입니다 리액트 네이티브 개발에서는 VSCode를 기본편집기로 주로 사용합니다 VSCode는 여러 종류의 프로그래밍 언어를 지원하므로 리액트 네이티..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - 안드로이드 스튜디오 설치 및 환경 설정 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 안드로이드 스튜디오(android studio) React-Native로 안드로이드 앱을 개발하려면 안드로이드 스튜디오를 설치해야 합니다. 아래에 링크를 통해 안드로이드 스튜디오 사이트로 이동하고, 설치 파일을 다운로드합니다 > 공식 홈페이지(최신 버전 다운로드) 바..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - JDK 설치 [설치 순서] 1. Chocolatey 설치 2. Nodejs 설치 3. Phthon 설치 4. React Native CLI 설치 5. JDK 설치 6. 안드로이드 스튜디오(android studio) 설치 및 환경 설정 7. 비주얼 스튜디오 코드(vscode) 설치 8. 타입스크립트(TypeScript) 설치 9. toruch 설치 JDK (Java Development Kit)란 Java 환경에서 돌아가는 프로그램을 개발하는 데 필요한 툴들을 모아놓은 소프트웨어 패키지로 자바 Application 구축을 하기 위한 핵심 요소. >공식홈페이지 바로가기 React-Native 로 안드로이드 앱을 개발하기 위해서는 JDK(J..

리액트 네이티브(React Native) 윈도우 개발 환경 설정 - React Native CLI 설치 React Native CLI (Command Line Interface) react native로 앱을 개발하기 위해 필요한 React Native CLI 설치 아래의 npm 명령어를 통해 React Native CLI 를 설치합니다. [설치 방법] 1. 윈도우 파워셀 "Windows PowerShell(관리자)(A)" 실행 2. npm 명령어를 통한 react-native-cli 설치 npm install -g @react-native-community/cli npm install -g react-native-cli 3. react-native-cli 설치 확인 npx react-native --v..