개발자의 기록습관

국내에서 매년 열리는 AWS 행사중 가장 규모가 큰 AWS SUMMIT 2019 두번째 날 행사에 다녀왔습니다.매년 참석자가 폭증하는 느낌 인데요. 세션 이동중 찍은 사진인데 정말정말 사람이 많았습니다.엑스포 규모와 이벤트도 거대했구요. 이정도 스케일의 행사를 진행하는 AWS측의 능력도 인정해줘야 할 것 같습니다.제가 들은 세션중 일부 내용을 공유합니다. ContentsAWS Lambda 내부 동작 방식 및 활용 방법 살펴보기컨테이너와 서버리스 기반 CI/CD 파이프라인 구성하기워크로드에 맞는 클라우드 데이터베이스 찾기진화하는 CloudFront의 이해와 글로벌 서비스 활용1. AWS Lambda 내부 동작 방식 및 활용 방법 살펴보기AWS 김일호 솔루션즈 아키텍트 매니저람다 주요 장점사용자 지정 로직으..

Vuex HelperVuex의 각 속성들을 더 쉽게 사용하는 방법 - HelperStore에 있는 아래 4가지 속성들을 간편하게 코딩하는 방법state -> mapStategetters -> mapGettersmutations -> mapMutationsactions -> mapActionsHelper의 사용법helper를 사용하고자 하는 vue 파일에서 아래와 같이 해당 helper를 로딩만약 헬퍼를 사용하지 않았다면, State에 정의 된 num에 접근하려면 this.$store.state.num 와 같이 접근해야 한다.생소하게 보이는 mapState앞에 있는 ...은 ES6의 Object Spread Operator이다.Vue.js를 위한 ES6 정리 내용 링크//App.vue import { ma..

Vuex 주요 기술 요소InstallVuex는 싱글 파일 컴포넌트 체계에서 NPM 방식으로 라이브러리를 설치하는게 좋다.npm install vuex --saveES6와 함께 사용해야 더 많은 기능과 이점을 제공받을 수 있음Vue.js에서 전역으로 Vuex 플러그인 사용하기/src/store/store.jsimport Vue from 'vue'; import Vuex from 'vuex'; ​ Vue.use(Vuex); export const store = new Vuex.Store({ // });/src/main.jsexport한 store를 import 시키고ES6의 Enhanced Object Literals 특성을 통해 축약해서 등록할 수 있다.import Vue from 'vue'; import..

Vuex Intro상태 관리 라이브러리 Intro복잡한 애플리케이션의 컴포넌트들을 효율적으로 관리하는 Vuex 라이브러리 소개Vuex 라이브러리의 등장 배경인 Flux 패턴(React) 소개Vuex 라이브러리의 주요 속성인 state, getters, mutations, actions 학습Vuex를 알기 전의 개념으로는 각각 data, computed, method, 비동기 method라고 생각하면 된다.Vuex를 더 쉽게 코딩할 수 있는 방법인 Helper 기능 소개Vuex로 프로젝트를 구조화하는 방법과 모듈 구조화 방법 소개Vuex란?무수히 많은 컴포넌트의 데이터를 관리하기 위한 상태 관리 패턴이자 라이브러리React의 Flux 패턴에서 기인함Vue.js 중고급 개발자로 성장하기 위한 필수 관문Flu..

ES6 for Vue.jsIntroES6의 여러가지 문법 중 Vue.js 코딩을 간편하게 해주는 문법 학습const & let, Arrow Function, Enhanced Object Literals, Modules 학습ES6 란?ECMAScript 2015와 동일한 용어2015년은 ES5(2009년)이래로 진행한 첫 메이저 업데이트가 승인된 해최신 Front-End Framework인 React, Angular, Vue에서 권고하는 언어 형식ES5에 비해 문법이 간결해져서 익숙해지면 코딩을 훨씬 편하게 할 수 있음Babel구 버전 브라우저 중에는 ES6의 기능을 지원하지 않는 브라우저가 있으므로 transpiling이 필요ES6의 문법을 각 브라우저의 호환 가능한 ES5로 변환하는 컴파일러module..

백기선 - 스프링 부트 개념과 활용CORSSOP와 CORSSingle-Origin Policy단일 Origin에만 요청을 보낼 수 있다는 것을 의미하는 정책기본적으로 SOP가 적용되어 있어서, Origin이 다르면 호출할 수 없다.REST API가 http://localhost:8080 을 통해서 서비스 되고있고, 18080 포트를 사용하는 애플리케이션에서 그 REST API를 호출하려고 한다. 기본적으로 SOP에 위반 되기 때문에 호출하지 못한다.Cross-Origin Resource SharingSOP를 우회하기 위한 표준서로 다른 Origin이 리소스를 공유할 수 있는 기술Origin?URI 스키마 (http, https)hostname (io.namjune, localhost)포트(8080, 18..