개발자의 기록습관

백기선 - 스프링 부트 개념과 활용1-1. 외부설정 1부프로퍼티 우선 순위유저 홈 디렉토리에 있는 spring-boot-dev-tools.properties테스트에 있는 @TestPropertySource@SpringBootTest 애노테이션의 properties 애트리뷰트커맨드라인 아규먼트SPRING_APPLICATION_JSON (환경 변수 또는 시스템 프로퍼티)에 들어있는 프로퍼티ServletConfig 파라미터ServletContext 파라미터Java:comp/env JNDI 애트리뷰트System.getProperties() 자바 시스템 프로퍼티OS 환경 변수RandomValuePropertySourceJAR 밖에 있는 특정 프로파일용 application.propertiesJAR 안에 있는 특정..

백기선 - 스프링 부트 개념과 활용1. 의존성 관리 이해https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/#using-boot-dependency-managementspring-boot-stater-* 의 부모인 spring-boot-stater-parent, 그리고 다시 그 parent의 부모인 spring-boot-dependencies 에 정의되어 있는 pom.xml의 dependencyManegement 영역 안에 해당 릴리즈 버전에서 관리하는 의존성들이 정의 되어 있다.그렇기 때문에 우리는 각 스타터의 버전을 명시하지 않아도 되고, parent가 관리하는 버전을 사용하게 된다.gradle을 사용한다면 intellij의 gr..

Vue Templates누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Vue로 그리는 화면의 요소들, 함수, 데이터 속성은 모두 Templates 안에 포함된다.IntroVue는 DOM의 요소와 Vue 인스턴스를 매핑할 수 있는 HTML Template을 사용html 표준 태그들과 함께 Vue의 스페셜 프로퍼티들(v-bind, v-for 등)을 함께 사용했을 때, 마지막에 브라우저가 그려내는 것들에는 뷰의 반응적인 속성들까지 결합된 화면이 그려져 나온다. 예를 들면, 라이프 사이클에서 얘기했던 것처럼, 뷰에 맵핑된 데이터를 가지고 있는 템플릿 태그의 데이터가 변환이 되면 자동적으로 태그가 DOM을 업데이트 한다. 화면의 요소를 자동으로 갱신한다고 보면 된다.Vue..

Vue Resource누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Vue에서 HTTP 통신을 위해 제공하는 플러그인es6에서는 아래와 같이 다운로드, 웹팩을 사용하지 않는 경우에는 뷰 리소스 cdn을 통해서 실행하면 된다.주의할 점은 현재 공식 지원은 중단했다. 이유는 라이브러리에 제한을 두지 않고 사용자들의 선택권을 넓히기 위함이라고 한다.npm install vue-resource --save위의 명령어로 설치 후 Root Vue Instance를 선언하는 js파일에 아래와 같이 등록// 후에 배울 Single File Component 구조 기준 import VueResource from 'vue-resource'; ... Vue.use(VueResourc..

Vue Routers누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크Intro일반적으로 뷰에서 화면이 전환될 때, 전환하는 행위를 Route라고 표현한다. 뷰에서는 SPA를 제작할 때 유용한 라우팅 라이브러리로 Vue Routers를 제공하고 있다.SPA에 대하여일반적으로 웹 어플리케이션은 해당 웹 페이지를 서버에 요청하고, 서버가 html을 돌려 줬을 때 그것을 랜더링 엔진을 통해 화면에 보여준다. SPA는 해당 화면에 대한 정보를 미리 가지고 있다가, 해당 화면으로 넘어갈 때 서버에 요청하는 것이 아니라 클라이언트 내부적으로 라우터를 이용해서 서버에 요청하지 않고(데이터를 받아오지 않고)도 화면을 매끄럽게 전환할 수 있게 해준다.Vue는 코어 라이브러리 외에 R..

Vue Components누구나 다루기 쉬운 Vue.js 프론트 개발(인프런) - Captain Pangyo 링크컴포넌트는 화면에 비춰지는 뷰의 단위를 쪼개어 재활용이 가능한 형태로 관리하는 것이 주된 목적이다.컴포넌트 등록뷰 컴포넌트를 등록한 후, 뷰 인스턴스를 생성하면 등록된 컴포넌트에 의해서 my-component가 컴포넌트의 template 내용으로 치환되면서 화면에 뿌려진다.1234567891011121314151617181920212223 Vue Sample Parent Component Vue.component('my-component', { template: 'A custom component!' }); new Vue({ el: '#app' }) Colored by Color Scripte..