JAY-GO

목적 백엔드 DB를 구성함으로써 사용자의 데이터를 저장하고 활용하는 서비스 토대 마련 Query 를 통해 DB의 자료를 읽고 이를 출력 자원스택 Amplify : 아마존에서 제공하는 풀스텍 서비스 Appsync : 각종 백엔드 자원을 연동하는 완전관리형 서비스 DynamoDB : 키 값과 문서 데이터 모델을 지원하는 NoSQL 데이터베이스 사용예시 환경세팅 Full Cloud DevOps 구성(AWS 활용) 및 Amplify 로그인 구현(AWS 활용) 에서 세팅한 환경 이용 amplify env 에서 dev 환경 백엔드 DB 구현 Amplify 구성요소 추가 1. Amplify CLI로 기능 추가 모든 사항은 default로 생성한다. amplify api add amplify push 2. Amplif..

목적 Cloud9 으로 Vue 프로젝트 로컬 가상서버 구동 시 표출되지 않는 문제 해결 환경구성 Cloud9 환경에 Vue cli 설치 Full Cloud DevOps 구성(AWS 활용) 참조 내용 1. 발생 현상 - Vue 프로젝트를 Cloud9 에서 로컬 가상서버 구동 시 확인 불가 npm run serve - preview 확인 시 에러 발생 2. 해결 방안 - vue 프로젝트 폴더에 vue.config.js 파일 생성 및 아래 내용 기입 module.exports = { devServer: { disableHostCheck: true }, // ... other options } // cloud9 환경에서 'Invalid Host header' 오류 발생 해결 // 출처 : https://stac..

목적 앞서 진행된 Full Cloud DevOps 구성 환경을 이용하여 프로젝트의 로그인 환경을 가장 간단한 형태로 구현 로그인 구현을 통해 유저들이 활동할 수 있는 웹서비스 기반 마련 자원스택 Amplify : 아마존에서 제공하는 풀스텍 서비스 Cognito : 아마존에서 제공하는 사용자 풀 서비스 Vue3 : 자바스크립트 웹 프레임워크 사용예시 환경세팅 Full Cloud DevOps 구설(AWS 활용) 에서 세팅한 환경 이용 amplify env 에서 dev 환경 이용 로그인 구현 Amplify 구성요소 추가 1. Amplify CLI로 기능 추가 amplify auth add amplify push 2. Amplify console에 추가된 내용 확인 3. Amplify console에 추가된 내..

목적 2015년 부터 시작된 DevOps의 개념, 그리고 이를 실현하기 위한 CI/CD 는 이제 SW 업무를 수행함에 있어 기본이 되었고, 2006년부터 시작된 AWS를 필두로 다수의 클라우드 서비스는 Public Cloud 환경을 통해 개발에 필요한 각종 자원들을 공개 하고 있습니다. 이에 본 글에서는 1인 취미 개발자 입장에서 Cloud 환경을 적극 활용하여 모든 자원을 클라우드를 활용하여 개발환경을 셋팅하는 Full Cloud DevOps 환경 구성을 소개 하고자 합니다. 자원스택 Cloud9 : 아마존에서 제공하는 Cloud 통합개발환경(IDE) GitHub : 가장 대표적인 코드 저장소 Amplify : 아마존에서 제공하는 풀스텍 서비스(내부적으로, GraphQL, S3 등 사용) 사용예시 ht..

앞에서 작성한 서비스들의 동작을 확인 해보도록 하겠습니다. 1. 작성된 Django 서비스 goormide에서 구동 - 서버를 구동시킵니다. 방법은 동 포스팅 2번 을 참조 하여 서버 실행 후 url에 저속 해보면 Page not found가 발생합니다. 에러 화면이긴 하지만 우리가 root url에 대하여 정의하지 않았기 때문에 나타나는 것일뿐, 상세 내용을 보면 정의한 keyboard, message, admin url이 잘 정의되어 있습니다. 2. email 발송대상 설정 - email 발송대상을 설정하기 위해서 /admin페이지에 접속 합니다. 만들어둔 관리자(superuser)로 접속하면 admin 페이지 사용이 가능합니다. - model에서 발송 대상의 주소를 위해 정의했던 mail_lists..

이번 포스팅에서는 Django 서비스의 동작 로직을 구현하기 위한 view를 작성 하도록 하겠습니다. 전체 코드는 아래와 같고, 이어서 중요 구문에 대하여 설명 하도로 하겠습니다.import json from django.http import JsonResponse from django.contrib.auth import get_user_model from django.views.decorators.csrf import csrf_exempt from .models import mail_list, message_list from django.core.mail import EmailMessage # Create your views here. User = get_user_model() def keyboard(..

이번 포스팅에서는 앞에서 만든 django 서비스를 발전시켜 플러스친구에서 '전송' 이라는 단어가 입력되면 정해진 이메일 주소로 지금까지 플러스친구를 통해 전송된 메시지들을 이메일로 만들어 발송하는 서비스를 구현 해보겠습니다. 서비스 정의는 아래와 같이 동작 합니다. 플러스친구에서 전송한 메시지를 django 서버에 사용자 별로 저장 하였다가 '전송'이라는 메시지가 입력되면 gmail smtp 서버를 이용하여 django 서버에 미리 등록해둔 email 주소들로 전송한다. django 에서 이메일을 전송하는 방법은 여러가지가 있겠지만, 간단한 설정만으로 사용 가능한 gmail을 연동하여 사용 해보도록 하겠습니다. 1. 구글 Gmail SMTP 서버 사용 설정 Gmail 에서는 간단한 인증설정을 통해 외부..

이전 포스팅에서 플러스친구와 goormide에 동작중인 django 서비스 간 통신이 가능함을 확인 하였습니다. 하지만 아직 플러스친구 API와 연동하여 유의미한 동작을 보지는 못하였습니다. 이제 django 서비스를 플러스친구 API에 맞게 작성하여 전송한 메시지가 정상적으로 전송 되어 django 서비스에 도달 하였는지를 확인할 수 있는 간단한 서비스를 만들어보겠습니다. 이번 포스팅에서 만들고자 하는 서비스는 아래와 같습니다. 사용자가 플러스친구 채팅방을 통하여 메시지를 전송하면, django 서비스에서 이를 수신하여 user_key와 함께 그대로 사용자의 채팅방에 전송한다. 이를 통하여 플러스친구 API의 외부 서버로의 message 전달 및 서버에서의 호출 처리 및 응답을 알아볼 수 있습니다. 1..

이번 포스팅에서는 앞에서 생성한 카카오 플러스 친구와 goormide를 이용해 실행중인 django 테스트 서버를 연동시켜 보겠습니다. 1. 카카오 플러스친구 API 요구사항 확인 카카오 플러스 친구를 외부 서버의 서비스와 연동하여 사용하기 위해서는 스마트채팅의 API형 서비스를 활용해야 합니다. API형 서비스를 설정하면 카카오플러스친구 스마트채팅과 연결 가능한 앱(외부서버의 서비스)와의 연결 설정을 할 수 있습니다. API Document에 API의 상세 설명이 나와 있습니다. API Document 중 핵심적인 문구들을 추리자면 - http(s) restful api를 통하여 카카오 API 서버 -> 파트너 서버를 호출합니다. - 카카오톡 이용자를 구분하기 위해서는 카카오로부터 API를 통해 use..

이번 포스팅에서는 카카오 플러스 친구의 스마트 채팅에 대하여 소개하고, 이와 통신하기 위한 서버의 조건들에 대하여 이야기 해보려 합니다. 1. 카카오 플러스 친구 기본설정 카카오 플러스 친구에 대한 설명은 플러스친구 관리자 센터에 자세히 설명 되어 있습니다. 기존 카카오톡 계정 또는 새로 가입하여 로그인 하시면 플러스 친구를 만들 수 있으며, 이 플러스 친구의 스마트 채팅 기능을 활용 할 것입니다. 우선 플러스 친구를 만듭시다. ㅇ 새 친구 만들기 ㅇ 개설하기 화면 예시 ㅇ 공개설정 조정 - 해당 플러스 친구에 접근하기 위해서는 공개설정을 해야 합니다. 홈 공개를 해야만 플러스 친구 서비스가 가능하며, 검색 허용을 통해 쉽게 접근이 가능합니다. ㅇ 개설 확인 - 검색을 통해 방금 만든 플러스 친구가 활성..