개발(라이브러리,프레임워크)/react.js & react native32 apk 추출(리액트 네이티브) apk 추출 test app으로 추출(debug) 명령어 입력 react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ - 안드로이드에서 apk로 말기 ` android/app/build/outputs/a.. 2021. 6. 6. 리액트 네이티브 (오류해결) 리액트 네이티브 리액트 네이티브는 스마트폰 선능을 고려해서 os네이티브로 제공되는 요소들을 사용해 UI를 구성한다. 안드로이드 개발 설정 안드로이드 스튜디오 설치 SDK 설정 리액트 네이티브는 안드로이드 6.0 이상의 SDK가 설치되어있어야 한다. 안드로이드 개발자옵션 디버그 활성화 한 뒤 usb안드로이드 장치와 컴퓨터 연결 안드로이드 기기를 연결한 뒤 디버그를 할 수 있게 명령어 실행 adb vscode npm install -g react-native-clireact-native init 만들어질프로젝트이름필요한 리액트 네이티브 앱 개발 요소들 설치 안드로이드 스튜디오 내가 프로젝트의 android에 들어가기 우린 이버전의 sdk를 깔아야한다. sdk 매니저에서 경로 확인 후 환경변수 설정 애뮬레이터.. 2021. 5. 17. 자동빌드, 웹팩 리액트 도구를 사용한 자동빌드 지금까지는 자바스크립트 라이브러리를 읽어드렸지만 컴파일하는데 시간이걸림 그래서 컴파일 해두는 방법이 있다. create-react-app 설치 npm install -g create-react-app //-g옵션 > 전역모듈 create-react-app 내프로젝트이름 cd 내프로젝트이름 npm start 프로젝트 실행 해당 디렉터리 내부에 파일이 압축되어 생성 npm run build 빌드가 제대로 되었는지 확인하려면 웹서버가 필요함 서버 설치 npm install -g serve 웹서버 실행 server -s build 웹팩으로 리소스 파일 변환하기 웹팩이란? 자바스크립트 또는 css등의 리소스 파일을 하나로 합쳐주거나 , jsx로 작성된 파일을 변환하는 도구 최적의 형.. 2021. 5. 16. 컴포넌트, 이벤트 컴포넌트 만들기 컴포넌트 상태 관리하기 기초에서 배운 것은 상태를 가지지않는 stateless컴포넌트였음 우리는 그것에서 더 나아가 상태를 가지거나 외관상 크게 변화하는 컴포넌트의 경우 상태를 갖고 관리해야한다. 상태를 가지게 하려면 ? > 값을 기억해야함 state 객체 가 값을 기억한다. state 특징 및 사용하기 state는 한번 값을 설정한 이후 값을 변경할때 setState()메서드를 사용해야 변경된다. 초기화하기 class extends React.Component { constructor(props) { this.state = {} } .... 값 변경하기 this.setState({ : }) ex> 시계 컴포넌트 만들기 state 상태를 매 시간마다 바꾼다. setstate()를 통해서 .. 2021. 5. 15. 이전 1 ··· 4 5 6 7 8 다음 반응형
