_ _

하이브리드 웹앱은 아이오닉3을 통해 쉽게(?) 만들 수 있습니다. 오늘은 ionic3를 설치해보겠습니다. 참고로 저는 맥을 사용합니다. 1. Node.js설치 www.nodejs.org 접속 운영체제에 맞는 nodejs LTS버전 설치 2019.12.09 기준 12.13.1 LTS가 최신임. 12.13.1 LTS를 클릭합니다. 설치가 되었습니다. 버전을 확인해볼까요? node -v // nodejs 버전 확인 = 12.3.1 npm -v // npm 버전 확인 = 6.12.1 2. Git설치 http://git-scm.com/downloads에서 운영체제와 맞는 git을 설치한다. Download를 클릭합니다. 그리고 설치합니다. 설치가 완료되었다면 버전을 확인합니다. git --version 3. Ty..

웹 앱을 만들려면 먼저 서버가 준비되어 있어야 합니다. 간단한 코드로 서버를 실행시켜보겠습니다. 개발 환경 : Visual Studio Code 1 2 3 4 5 6 7 8 9 10 11 var express = require('express'); //모듈 추출 var app = express(); //서버생성 : app app.use(function(request, response) { response.writeHead(200, { 'Content-Type': 'text/html'}); response.end('Hello Express!'); }); app.listen(1, function() { console.log("Server Running at http://127.0.0.1:1"); }); 이렇..

회사생활 처음으로 이렇게 할 일이 없다니요.. 오늘 회식인거 빼고 다 평화롭다 그럼 이제는 파이어베이스에 앱을 추가하는 것을 해보겠습니다. FirebaseStart라는 이름의 앱을 만듭니다. Minimum API level은 16 젤리빈 이상입니다. 일단 프로젝트 생성 완료 파이어베이스에서 프로젝트를 추가해주겠습니다. 이미 있는 기존의 Firebase는 안드로이드 스튜디오에서 파이어베이스를 연동한 경우입니다. FirebaseStart라는 이름의 프로젝트를 만듭니다. 그 다음 안드로이드 앱을 추가하기 위해 안드로이드 버튼을 눌러줍니다. 누르면 이렇게 나오는데요, 안드로이드 스튜디오에서 만든 프로젝트의 패키지 이름을 기록하면 됩니다. 선택사항은 굳이 안적어도 되지만 저는 적었습니다. 디버그 서명 인증서는 굳..

안드로이드 스튜디오에 파이어베이스를 연동해보겠습니다. 개발 환경 안드로이드 OS : API 16(젤리빈) 이상 Gradle 버전 : 4.1 이상 Android Studio : 2.2 이상 제가 사용하는 버전은 3.5.2입니다. +Start a new Android Studio project를 클릭해서 새 프로젝트를 만들어봅시다. 꼭 확인해야 할 것 : Minimum API level.(API 16 이상) 안드로이드 프로젝트가 만들어진 화면입니다. 1. Firebase Assistant로 생성한 안드로이드 프로젝트를 추가하는 방법 [Tool]-[Firebase]를 클릭합니다. 그러면 화면 레이아웃에 다음과 같은 Window가 자리를 차지하게 됩니다. 여기서 우리는 'Analytics'를 클릭합니다. 그리고..

앱은 관심없는 분야지만 자기 계발이 필요하다고 느껴 앱 개발을 해보고자 합니다. 뭔가 자기 계발은 회사 업무와는 동떨어진 것을 해야한다고 생각하기 때문에 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 대학 다닐 때 그토록 싫어했던 앱을 개발해보고자 합니다. 파이어베이스를 통한 하이브리드 웹앱을 만들어보고자 하는데요, 개발 환경을 구축해보겠습니다. https://firebase.google.com/ Firebase Firebase는 고품질 앱을 빠르게 개발하고 비즈니스를 성장시키는 데 도움이 되는 Google의 모바일 플랫폼입니다. firebase.google.com 파이어베이스는 구글에서 제공하는 서비스니까 구글 로그인이 필요합니다. 로그인을 하면 이런 화면이 보입니다. 프로젝트 만들기를 클릭..