분류 전체보기 81

RN 개발관련 링크정리입니다.

RN 개발관련 링크정리입니다. - RN 개발 모듈과 이슈, 개발방법 git https://github.com/jondot/awesome-react-native - nativebse : RN 프레임워크 https://docs.nativebase.io/ - 윈도우 RN 개발환경 구축시 참고 https://dev-yakuza.github.io/ko/react-native/install-on-windows/ - RN 앱아이콘 및 스플래시 만들기 https://dev-yakuza.github.io/ko/react-native/react-native-make/ - RN 모듈 인기순 정리 https://www.awesome-react-native.com/#Components-Forms =================..

React Native 2020.08.14

[react-native] Error : Unable to load script. Make sure youre dither running a Metro server... index.android.bundle is packaged correctly for release

react-native 최초 설치 후 안드로이드 스튜디오로 실행할 경우 위와 같은 오류 발생할때 1. [패키지명]/android/app/src/main/assets 폴더가 있는지 확인하고 없으면 생성 2. [패키지명]/android 폴더에서 ./gradlew clean 실행 3. [패키지명] 폴더에서 아래 명령어 실행 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 4. react-native run-android

React Native 2020.08.10

React Native 개발 프로젝트 생성

React Native 프로젝트 생성 준비 1. 리액트 네이티브 CLI 명령어 사용하여 프로젝트 생성 react-native init Test 2. 타입스크립트, Styled Components, babel-plugin-root-import 를 개발의 편의를 위해 설치 cd Test npm install --save styled-components npm install --save-dev typescript @types/react @types/react-native @types/styled-components babel-plugin-root-import 3. 타입스크립트 설정을 위해 tsconfig.json 생성 { "compilerOptions": { "allowJs": true, "allowSynth..

React Native 2020.05.02

React Native 개발환경 설정 삽질하지 말고...

1. Chocolatey 패키지 관리 프로그램 설치 초코렛티(Chocolatey)는 윈도우즈 패키지 매니저로 Package를 설치 및 관리해주는 툴입니다. Mac에는 홈브루(Homebrew), Ubuntu에는 apt-get, CentOS에는 yum 패키지 매니저가 있습니다. 파워셀 또는 Cmd 는 관리자 권한으로 실행 (파워셀보다는 명령프로프트(cmd)로 설치하는 것이 편하실겁니다. 그 이유는 아래에...) https://chocolatey.org/install Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::..

React Native 2020.04.25

그라데이션 CSS 코드를 쉽게 만들수 있는 사이트 소개

css로 구현가능한 코드까지 제공해주는 사이트 “uigradients”를 소개합니다.~!! 상단의 Get css 버튼을 클릭하면 그라데이션 CSS 코드를 아래와 같이 얻을수 있습니다. background: #373B44; /* fallback for old browsers */ background: -webkit-linear-gradient(to bottom, #4286f4, #373B44); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to bottom, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 사이트 이동하기 : htt..

Web/CSS 2020.04.15