목록분류 전체보기 (490)

로메오의 블로그

[React.js] Router 적용하기 [Multiple Router]

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 [GIT] GITHUB에 프로젝트 올리기 (GIT COMMAND 사용) React Rout를 적용해보겠습니다. react-router-dom 설치 $ yarn add react-router-dom 추가 파일 생성 $ mkdir src/components src/css $ touch src/components/Home.js src/components/Profile.js src/components/About.js src/components/OperatingSystem.js src/css/styles.css 다음 폴더를 생성합니다. src/components src/css 다음 파일을 생성합니다. src/component..
Frontend/React 2019. 7. 14. 05:37
[GIT] github에 프로젝트 올리기 (git command 사용)

[REACT.JS] CREATE-REACT-APP 없이 REACT.JS 프로젝트 생성하기 위 포스트에서 react.js 프로젝트를 생성했습니다. 이 프로젝트를 github에 올려보겠습니다. sourcetree등 UI를 지원하는 git 프로그램을 사용할 수도 있지만 command 명령으로 올리는 방법을 알아봅니다. Github에 repository생성 https://github.com 에서 로그인 하시고 New repository를 선택합니다. HTTPS 주소를 복사합니다. git 환경설정 $ git log create-react-app으로 프로젝트를 생성하면 첫번째 커밋이 되어 있는 상태입니다. git log로 history를 조회할 수 있습니다. # git remote add origin "https:..
Frontend/ETC 2019. 7. 13. 16:39
[React Native] 리소스 파일 다운로드하기 (zip 압축해제)

Firebase 목록 [REACT NATIVE] 디바이스에 LOCAL SERVER 구동하기 앞서 디바이스에서 local server를 구동하는 방법을 알아봤습니다. firebase hosting에서 리소스를 zip으로 압축해서 올려두고 React Native에서 zip을 다운로드해서 압축 해제하고 local server로 표시하는 고오급 기능을 구현해보겠습니다. Firebase hosting에 zip파일 업로드 index.html script.js $(window).on('load', function() { $('h1').text('hello World!!') }) style.css body {margin-top: 100px} .title {color: #f0f} www폴더를 만들고 index.html,..
App & OS/Hybrid 2019. 7. 13. 04:53
[React Native] 디바이스에 Local Server 구동하기

Firebase 목록 [REACT NATIVE] WEBVIEW와 INTERFACE 하기 위 포스트에서 React Native에 Webview를 띄우고 Firebase hosting의 html 파일을 불러와서 띄우는것을 했습니다. html파일을 리모트 서버에 두지 않고 디바이스 내에 두려고 합니다. 그런데 이때 문제가 디바이스 storage의 js파일은 Ajax 통신이 불가능합니다. 이럴경우 디바이스에 Local Server를 구동하면 리소스 로딩 속도도 빠르고 Ajax 통신도 가능합니다. 프로젝트 생성 $ cd /my/project/path $ react-native init secondProject --version react-native@0.59.8 $ cd secondProject $ code . ..
App & OS/Hybrid 2019. 7. 13. 04:07
[React Native] Webview와 interface 하기

Firebase 목록 react native에서 webview를 만들고 javascript와 react native간 interface를 해보겠습니다. web소스는 firebase hosting을 이용합니다. [FIREBASE] 호스팅 생성하고 배포하기 위 포스트에서 firebase hosting으로 hello world를 찍고 오시기 바랍니다. 프로젝트 생성 $ cd /my/project/path $ react-native init secondProject --version react-native@0.59.8 $ cd secondProject $ code . secondProject 프로젝트를 생성합니다. react-native 버전은 0.59.8로 설치합니다. (최신버전인 0.60을 설치했는데, an..
App & OS/Hybrid 2019. 7. 12. 06:55
[Firebase] 호스팅 생성하고 배포하기

Firebase 목록 https://console.firebase.google.com firebase에 가입하고 console로 이동합니다. 프로젝트에 iOS, Android, Web 앱을 같이 운영할수 있으니 닉네임을 잘 감안해서 작성합니다. 웹앱을 생성하면 주소가 firstproject-aXXXX.firebaseapp.com 형식으로 생성되는데 호스팅을 설정하면 romeoh.firebaseapp.com 형식으로 도메인이 생성됩니다. 앱 등록을 누릅니다. 단계별로 잘 메모해두세요. 프로젝트가 생성되면 Hosting으로 이동합니다. 이곳에 소스를 등록할 예정입니다. firebase-tools 설치 $ sudo npm install -g firebase-tools $ firebase login fireba..
Frontend/Firebase 2019. 7. 12. 04:18
[Android] 오류 Manifest merger failed with multiple errors

org.gradle.execution.MultipleBuildFailures: Build completed with 1 failures. at org.gradle.initialization.DefaultGradleLauncher$ExecuteTasks.run(DefaultGradleLauncher.java:386) at org.gradle.internal.operations.DefaultBuildOperationExecutor$RunnableBuildOperationWorker.execute(DefaultBuildOperationExecutor.java:301) at org.gradle.internal.operations.DefaultBuildOperationExecutor$RunnableBuildOpe..
App & OS/Android 2019. 7. 10. 16:44
[React.js] create-react-app 없이 React.js 프로젝트 생성하기

react.js 프로젝트를 생성할때 create-react-app을 사용하면 매우 편리합니다. 이번 포스트에서 create-react-app으로 프로젝트를 만드는 법과 create-react-app 없이 프로젝트를 생성하는 법을 알아봅니다. create-react-app 설치 $ npm install -g create-react-app ########### 또는 yarn을 사용할때 $ yarn add global create-react-app create-react-app 프로젝트 생성 $ create-react-app first-project create-react-app으로 프로젝트를 생성할때 프로젝트명은 카멜표기법으로 작성할 수 없습니다. firstProject => first-project 프로젝..
Frontend/React 2019. 7. 10. 04:54
Prev 1 ··· 50 51 52 53 54 55 56 ··· 62 Next