사이드프로젝트 3

Amplify 백엔드 DB 구현 및 쿼리(AWS 활용)

목적 백엔드 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..

Technique 2021.03.02

Cloud9 Localtest error

목적 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..

Technique 2021.03.01

Amplify 로그인 구현(AWS 활용)

목적 앞서 진행된 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에 추가된 내..

Technique 2021.03.01
반응형