개발자의 기록습관

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

백기선 - 스프링 부트 개념과 활용Spring HATEOASHypermedia As The Engine Of Application State서버현재 리소스와 연관된 링크 정보를 클라이언트에게 제공한다.클라이언트연관된 링크 정보를 바탕으로 리소스에 접근한다.연관된 링크 정보RelationHypertext Referencespring-boot-stater-hateoas 의존성 추가https://spring.io/understanding/HATEOAShttps://spring.io/guides/gs/rest-hateoas/https://docs.spring.io/spring-hateoas/docs/current/reference/html/ObjectMapper 제공(stater-web이 제공해서 우리는 sta..

백기선 - 스프링 부트 개념과 활용템플릿 엔진스프링 부트가 자동 설정을 지원하는 템플릿 엔진FreeMarkerGroovyThymeleafMustacheJSP를 권장하지 않는 이유JAR 패키징 할 때는 동작하지 않고, WAR 패키징 해야함.Undertow는 JSP를 지원하지 않음JSP Limitationshttps://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/#boot-features-jsp-limitations템플릿 엔진 테스트 코드 작성컨트롤러 동작, 뷰 네임, 모델 값 검증 테스트 코드https://github.com/namjunemy/spring-boot-concept-and-utilization/commit/3c3084115aca..

백기선 - 스프링 부트 개념과 활용웹 JAR자바스크립트 라이브러리를 webjar형태로 dependency를 추가해서 사용할 수 있다.스프링 부트에서 추가로 제공하는 기능이있는데, jquery의 버전이 올라갈 때마다 버전을 일일히 바꿔주지 않아도 된다. 이 기능을 사용하려면 webjars-locator-core 의존성을 추가해야 한다.이것의 내부적인 동작은 springframework의 resource chaining에 의해서 이루어진다. 필요하다면 더 자세히 공부하자.dependencies { ... compile group: 'org.webjars.bower', name: 'jquery', version: '3.3.1' compile group: 'org.webjars', name: 'webjars-l..