본문 바로가기

SW개발/Etc

[React Native] 안드로이드 기본 앱 개발 #2 (expo 플랫폼 사용, apk 작성, 배포) # Goal.- react native 기반 안드로이드 앱을 작성하고, apk 생성- expo 플랫폼 사용(react native 앱의 작성 및 배포 등을 도와주는 플랫폼, https://expo.io/) # 참고.- react native 안드로이드 기본앱 만들기 #1 (http://blog.sbahn.kr/877)- https://facebook.github.io/react-native/docs/getting-started.html- https://docs.expo.io/versions/latest/guides/building-standalone-apps.html (작성중) $ npm install -g exp { "expo": { "name": "Your App Name", "icon": "./pa.. 더보기
[React Native] 안드로이드 기본 앱 개발 #1 (expo 플랫폼 사용) # Goal- expo 플랫폼 기반에서, react native를 사용한 안드로이드 앱 작성하기.- expo는 react native의 안드로이드, ios 빌드/배포를 도와주는 플랫폼이다.(https://expo.io/) # 참고- https://facebook.github.io/react-native/docs/getting-started.html- https://docs.expo.io/versions/latest/guides/building-standalone-apps.html # 환경- 안드로이드 sdk 설치 필요 없음!- 윈도우- npm 필요(node.js 설치) # 순서 ## 설치 및 구동 $ npm install -g create-react-native-app npm 으로 creat-react-.. 더보기
[reactjs] firebase 에서 react.js 웹 호스팅하기 참고- https://www.codementor.io/yurio/all-you-need-is-react-firebase-4v7g9p4kf # Goal- 로컬에 생성한 react.js 웹 프로젝트를 firebase로 배포하고 테스트 # 준비- npm 설치되어있어야 함.- firebase 계정 및 프로젝트 생성 # 전체 순서-> react 프로젝트 생성-> 생성한 react 프로젝트를 firebase 프로젝트로 설정-> firebase 배포 # create-react-app 설치 및 빌드$ npm install -g create-react-app $ cd projects (프로젝트 상위폴더) $ create-react-app test_app $ cd test_app (react 프로젝트 이름) $ npm s.. 더보기
[reactjs] html 파일 위에서 react.js 웹 간단하게 시작하기 완전 쌩(?) html에서 react.js 실행하기 참고.https://medium.com/@to_pe/how-to-add-react-to-a-simple-html-file-a11511c0235f 12345678910111213141516171819202122232425Insert title here class Greeting extends React.Component { render() { return (Hello world); } } ReactDOM.render( , document.getElementById('app') ); Colored by Color Scriptercs 더보기
angular 웹개발 (ecplise, spring boot, typescript) - #2 # 목표- 이클립스에서 angular 웹개발하기(typescript, spring boot 사용)- typescript 코딩, 컴파일, spring boot 웹 띄우기 등등.- 최종 jar 배포 # 환경- 이클립스 oxygen 버전- Jdk1.8- 이클립스 플러그인 STS- 이클립스 플러그인 'Angular Eclipse 1.3.0 by Angelo ZERR' ※ 개발 프로젝트 구조 및 배포 구조는 아직 이상한(?) 내맘대로 구조이다.ㅠㅠ(일단 돌아가는것으로 만족) # 시작 (요약?)- 프로젝트 생성 : new project -> spring starter project(maven, jar, java1.8) -> dependency 'Web' 추가- src/main/resources/static/src/.. 더보기
angular 웹개발 (ecplise, spring boot, typescript) - #1 ※ 참고 : 책 Angular with typescript development (Yakov Fain, Anton Moissev 지음, 한창현 옮김) # typescript가 포함된 웹 기본 실행 - 이클립스 준비 (Oxygen)- Spring starter project 생성 + web 선택- static/index.html 생성후, localhost:8080 접속, index 페이지 출력 테스트 - index.html 코드 일부12345678910111213141516171819 System.config({ transpiler : 'typescript',map : { 'rxjs' : 'https://unpkg.com/rxjs@5.3.0', '@angular/core' : 'https://unpkg.c.. 더보기
이클립스 maven remote catalog 주소 이클립스에서 pom dependency 를 추가하려고 하는데 검색이 안될 경우, 이클립스 > Window > Preferences > Maven > Archetypes 선택 > Add Remote Catalog 선택 > Catalog File 입력칸에 아래 주소를 넣고 OK. http://repo.maven.apache.org/maven2/archetype-catalog.xml 더보기
Google Cloud Datastore 사용하기(spring) # 관리화면 https://console.cloud.google.com/datastore # 인증 관련 https://developers.google.com/identity/protocols/application-default-credentials ## 서비스키 파일 다운로드 -> path 를 환경변수로 설정 필요- https://console.developers.google.com/project/_/apis/credentials 에서 관련 json 파일 다운로드.- "GOOGLE_APPLICATION_CREDENTIALS" ## shell 에서 gcloud auth application-default login 실행 # 클라이언트 API 사용 https://cloud.google.com/appengin.. 더보기