민트의 개발일지📜

환경설정을 끝내고 앱 생성까지 해보았으니 안드로이드 에뮬레이터로 실행해봅니다. 1. 에뮬레이터 생성 1) 안드로이드 스튜디오 실행 - Tools - Device Manager 클릭 2) Create device를 눌러 가상장치를 만듭니다. (저는 Phone은 Pixel 3 , API level은 30 (R)로 선택했습니다.) 2. metro 서버 시작 - 리액트 네이티브 프로젝트를 빌드하여 실행할 때마다 Metro라는 패키지가 시작됩니다. - 메트로는 모든 자바스크립트 파일을 가져와 단일 파일로 결합하여 제공하는 자바스크립트 번들러입니다. (webpack 같은 느낌) - 이 서버에서 소스코드를 컴파일하여 앱으로 전송해 줍니다. 1) vscode 실행 - 리액트 네이티브 프로젝트 폴더 열기 2) 터미널 열..

참고한 교재는 Do it 리액트 네이티브 앱 프로그래밍 입니다! 리액트 네이티브 프로젝트 만들기 타입스크립트로 개발하는 경우 --template 옵션에 react-native-template-typescript을 지정합니다. npx react-native init 프로젝트명 --template react-native-template-typescript code 프로젝트명 // vscode 폴더 열기 물리DOM과 가상DOM 리액트 프레임워크는 물리 DOM 구조와 가상 DOM 구조를 사용합니다. 물리 DOM 구조 웹 브라우저에서 자바스크립트 코드가 생성하는 실제 DOM 구조 const elem = document.createElement('p'); elem.innerText = '리액트 네이티브 공부해요';..

리액트 네이티브 공부를 시작했습니다. 참고한 교재는 Do it 리액트 네이티브 앱 프로그래밍 입니다! 리액트 네이티브 - 안드로이드, iOS 운영체제에서 크로스플랫폼으로 제작할 수 있는 프레임워크 - 2015년 페이스북에서 리액트 네이티브 프레임워크 발표 - 네이티브 파트와 자바스크립트 파트로 구성 윈도우에서 개발 환경 세팅하기 설치 순서 1. Scoop 2. Node.js 3. 자바8 JDK 4. Vscode 5. 안드로이드 스튜디오 Scoop 설치 - 운영체제가 윈도우10이면 앱 개발에 필요한 소프트웨어를 각 웹 사이트에서 다운받아 설치해야 합니다. - 이 방식은 소프트웨어가 업데이트되면 다시 다운로드하여 설치해야 합니다. - Scoop란 설치 프로그램을 사용하여 scoop update * 명령으로 ..