본문 바로가기

전체 글

[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/.. 더보기
spring boot과 jsp 기본 프로젝트(웹) # spring boot 에서 jsp를사용하려면, 몇가지 dependency 설정과 경로설정이 필요하다. # spring starter project 생성 + web 항목 선택 # pom dependency(생략) org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-starter-testtest org.apache.tomcat.embedtomcat-embed-jasperprovidedjavax.servletjstlorg.eclipse.jdt.core.compilerecj4.6.1provided (생략) # application.propertiesspring.mvc.view.prefix=/WEB-INF/jsp/.. 더보기
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 더보기