개발
-
nodejs api 예제 : express개발/백엔드 2021. 3. 27. 16:31
- hello를 반환하는 express 를 사용한 nodejs 백엔드 api 예제 입니다. 1. nodejs 설치 nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 예제 소스코드 다운로드 github.com/vipick/nodejs-example vipick/nodejs-example Contribute to vipick/nodejs-example development by creating an account on GitHub. github.com - 소스코드 주요 폴더 및 파일 app/controllers/hello.control..
-
AWS EC2 인스턴스 생성 방법개발/서버 2021. 3. 26. 15:40
아마존의 클라우드 서비스인 AWS EC2 인스턴스 생성 방법을 소개 하겠습니다. 1. EC2에서 인스턴스 시작 버튼을 클릭 2. AMI 를 선택 - ubuntu server 18.04 LTS 3. 인스턴스 유형을 선택 - t2.micro 4. 인스턴스 구성, 스토리지 추가, 태그 추가 - 다음 버튼으로 넘깁니다. 5. 보안 그룹 구성 - SSH, HTTP, HTTPS 보안 그룹 설정합니다. - SSH 포트는 개발자가 EC2 서버에 원격 접속할 때 필요합니다. (소스코드 배포 시) - HTTP, HTTPS 포트는 일반 사용자가 서비스에 접근 할 때 필요합니다. (서비스 사용 시) 6. 새 키 페어를 생성 (.pem) 후 선택 - 생성된 .pem 와 IPv4 퍼블릭 IP를 이용해서 EC2 서버에 원격 접속 ..
-
SSH 원격 서버 접속 방법 : mobaXterm개발/서버 2021. 3. 26. 15:02
AWS의 EC2 서버 운영에 필요한 SSH 원격 접속을 하는 방법입니다. putty, xshell 등 여러가지 프로그램들이 있지만 mobaXterm 을 소개하겠습니다. 1. mobaxterm 설치 MobaXterm free Xserver and tabbed SSH client for Windows The ultimate toolbox for remote computing - includes X server, enhanced SSH client and much more! mobaxterm.mobatek.net 2. SSH 원격 서버 접속 설정 1) Remote host : EC2의 public IP 주소 2) username : ubuntu - EC2의 AMI 운영체제를 ubuntu 로 선택한 경우 3) ..
-
Rest API 설계개발/백엔드 2020. 6. 5. 09:58
1. DB 설계부터 제대로 (테이블 분리) 데이터 중복을 피한다. (1:1, 1:다, 다:다로 설계) DB 정규화 (1, 2, 3, BCNF ...) created_at, updated_at 포함 2. Rest API 스펙을 지키자 (URI, Method, Status Code) URI 에 동사를 작성하지 않는다. DB 관계가 복잡해지면 URL이 복잡해진다. 예) GET /api/user/{id}/task Get the list of all the task assigned to this user Method : get, post, put, patch, delete put과 patch의 차이는 put은 모든 정보를 보내고, patch는 일부 정보만 보낸다. 상태코드 파악 (200, 201, 400, 404..
-
[aws] Route 53으로 S3에 도메인 연동개발/서버 2020. 4. 7. 11:19
AWS S3로 배포한 서비스에 AWS Route53으로 도메인을 연동하는 방법을 다루겠습니다. 1. AWS의 Route 53 이동 2. 호스팅 생성 호스팅을 생성하면 네임서버 주소가 4개 생성됩니다. 3. 등록된 도메인 사이트에 네임서버 등록 (예: 가비아) 2. 호스팅 생성 에서 생성된 네임서버 주소를 본인의 도메인이 있는 곳 가서 등록해 줍니다. 4. 레코드 추가 제가 사용해 본 것은 2가지 입니다. 1) AWS 탄력적 IP 추가 2) S3 엔드포인트 주소 추가 여기서는 S3 엔드포인트 주소 추가를 설명하겠습니다. 별칭을 예를 클릭하면 S3 웹 사이트 엔드포인트가 나타나는데 이것을 클릭하고 저장을 누르면 연동이 됩니다. 5. 도메인 연동 결과 (vipick.me)
-
[vuejs] AWS S3에 vue 배포개발/프런트엔드 2020. 4. 7. 10:24
프런트엔드 vuejs는 빌드 후 AWS S3에 배포 할 수 있습니다. vuejs 빌드는 npm run build 명령어로 할 수 있고, 프로젝트 폴더에 dist 폴더가 생깁니다. 1. AWS S3 버킷 생성 AWS에서 S3로 이동 후 버킷을 만듭니다. (퍼블릭 엑세스 차단은 모두 해제 합니다. 외부에서 접근 하려면 차단을 풀어야 합니다.) 2. AWS S3 권한설정 (버킷 정책) 권한에서 버킷 정책으로 이동한 다음 아래 코드를 작성해 줍니다. (이 때 test0407은 본인의 버킷이름으로 변경해야 합니다.) AWS Route 53을 사용해서 자신이 보유하고 있는 도메인을 사용할 경우 버킷이름을 도메인 주소로 설정해 줘야 합니다. { "Version": "2012-10-17", "Id": "Policy15..
-
[vuejs] vue cli 3.0 명령어 (프로젝트 생성, 배포, vuetify)개발/프런트엔드 2020. 4. 7. 09:40
1. 프로젝트 생성 vue.cmd create test //test 프로젝트 생성 2. vuetify 적용 cd test //test 프로젝트 폴더로 이동 vue.cmd add vuetify //test 프로젝트에 vuetify (UI 프레임워크) 적용 https://vuetifyjs.com/ vuetify는 vuejs의 UI를 material design으로 쉽게 적용 할 수 있다. material design은 google에 표준화 시킨 디자인 규칙으로 대표적으로 유튜브 UI를 생각하면 된다. 3. 프로젝트 빌드 및 배포 npm run serve //로컬 서버 실행 (http://localhost:8080/) npm run build //운영 서버 배포 파일 만들기 - test/dist 폴더에 배포 ..
-
[vuejs] 구글 애널리틱스 적용개발/프런트엔드 2020. 4. 1. 16:18
vuejs로 배포한 서비스를 구글 애널리틱스 적용하는 방법입니다. 1) 구글애널리틱스 가입 후 추적하고자 하는 사이트 도메인을 입력 후 추척코드를 받는다. https://analytics.google.com 2) vuejs 프로젝트에 npm으로 설치 npm install vue-analytics https://www.npmjs.com/package/vue-analytics 3) vuejs 에서 src/main.js에 아래 코드를 작성 id 에는 1)에서 부여받은 추적코드를 작성해 줍니다. import VueAnalytics from 'vue-analytics' // 구글 애널리틱스 Vue.use(VueAnalytics, { id: , router }) 4) 구글애널리틱스 결과 확인 (간단한 설정을 통해서..