본문 바로가기

반응형
전체 글 43

Spring boot + devtools로 편리한 개발환경 구축 Java Application 개발시 소스가 변할때 마다 서버를 재가동시키고 일일이 버튼을 누르는 일이 매우 귀찮았습니다.(저만 그런가...?) 이러한 비생산적인 요소를 줄이기 위해 이리저리 찾아보다 devtools에 대해 알게되었고 한국어로된 문서를 좋아하시는 분들을 위해 작성해 봅니다. 해당 글은 document문서를 요약하고 Intellij에서 빠른 환경구축을 할 수 있게끔 작성하였습니다.Point: 모든 소스는 guithub에서 보실 수 있습니다.특징Property Defaultsdevtools는 thymeleaf, Freemarker, Groovy Templates, Velocity, Mustache 등 다양한 템플릿에 대한 개발 캐싱을 모두 자동 비활성화 처리하였습니다.Point: 기존에 사용.. 2016. 12. 14.
5장. 실행 컨텍스트와 클로저 1. 실행 컨텍스트 개념콜 스택 - 함수를 호출할 때 해당 함수의 호출 정보(지역 변수, 인자값 등)가 차곡차곡 쌓여있는 스택을 의미즉 실행 컨텍스트는 "실행 가능한 자바스크립트 코드 블록이 실행되는 환경"실행 컨텍스트가 형성되는 경우eval()함수로 실행되는 코드함수 안의 코드를 실행할 경우전역 코드"현재 실행되는 컨텍스트에서 이 컨텍스트와 관련 없는 실행 코드가 실행되면, 새로운 컨텍스트가 생성되어 스택에 들어가고 제어권이 그 컨텍스트로 이동한다."제일 위에 위치하는 실행 컨텍스트가 현재 실행되고 있는 컨텍스트2. 실행 컨텍스트 생성 과정function execute(param1, param2) { var a= 1, b = 2; function func() { return a+b; } return p.. 2016. 11. 28.
4장. 함수와 프로토타입 체이닝 1. 함수 생성 방식함수 리터럴function add(x, y) { return x + y: }함수 선언문함수 리터럴 형태와 같다. 반드시 함수명이 정의되어 있어야 한다.함수 표현식함수 리터럴로 하나의 함수를 만들고, 여기서 생성된 함수를 변수에 할당하여 함수를 생성하는 것var add = function (x, y) { //익명 함수 vs 이름이 표현된 함수(기명 함수) return x + y; };Function() 생성자 함수var add = new Fnction('x', 'y', 'return x + y');2. 함수 호이스팅함수 선언문 형태로 정의한 함수의 유효 범위는 코드의 맨 처음부터 시작한다. 즉, 선언위치와 상관없이 사용가능!따라서 더글러스 크락포드는 함수 표현식 사용을 권장한다.(코드 .. 2016. 11. 27.
3장. 데이터 타입과 연산자 1. 리터럴 - 표기법객체 리터럴 - 객체를 생성하는 표기법, 중괄호를 이용해서 객체를 생성({키:값})2. 대괄호 표기법만을 사용해야 하는 경우일반적으로 마침표를 사용하여 객체 프로퍼티에 접근하지만 프로퍼티가 표현식이거나 예약어일 경우 foo['name']으로 대괄호 형식으로 써야 한다.3. 프로토타입자바스크립트의 모든 객체는 자신의 부모역할을 하는 객체와 연결되어 있다. 이러한 부모 객체를 프로토타입 객체라고 부른다.모든 객체는 자신의 프로토타입을 가리키는 [[Prototype]]라는 숨겨진 프로퍼티를 가진다.(proto프로퍼티 by. 크롬)toString(), ValueOf() 등과 같은 모든 객체에서 호출 가능한 자바스크립트 기본 내장 메서드가 포함4. 배열splice(start, deleteCo.. 2016. 11. 27.
인사이드자바스크립트 공부시작! 인사이드자바스크립트 3장부터 요약정리한 부분들을 정리하여 올립니다. 2016. 11. 27.
DEVIEW 2016 1일차 방문기 DEVIEW 2016 방문기목차키노트CTO 송창현님Web Payment API의 현재와 미래REST에서 GraphQL과 Relay로 갈아타기Electron: 웹 개발자들을 위한 Desktop Application 제작Angular2 vs React, React vs Angular2React로 개발자 2명이 플랫폼 4개를 서비스하는 이야기이번에 우리나라에서는 제일 크다는 Deview에 참석한 기념으로 첫 방문기를 작성하고자 합니다. 방대한 내용과 여러 세션으로 구성되어 있지만...제가 참석하고 이해한 정도까지만 내용으로 간단하게 담고자 하였습니다. (두근두근 시작전!) 도착하여 재빠르게 등록을 마치고 선물을 받았습니다. 이쁜 가방과 함께 생필품(?)들이 들어있는 주머니 가방을 받았습니다. 개인적으로 점심쿠.. 2016. 10. 25.
1주차. 30분만에 보는 ES6 필수 기초 문법 Untitled Document.md 1주차. 30분만에 보는 ES6 필수 기초 문법 요즘 주마다 한번씩 ES6에 관한 세미나를 방문하며 깊이있는 정보를 듣고 있다.(내가 깊이있게 공부한게 아니라…) 때문에 정리할겸 전반적인 ES6에 대한 글을 쓰기로 했다. 타겟은 ES6에 관심이 있으면서 빠르게 훑어보고 싶은 분을 위해서~ 내가 생각하는 ES6의 주제어는 '명확성’이라는 개념에 맞추면 좀 더 이해하기 편해진다. 기존의 자바스크립트에 존재했던 암묵적 지시어나 명확하지 않는 개념, 문법, 함수들을 더 명확하게 바꾸어 개발의 생산성을 높일뿐만 아니라 타언어 개발자들이 접근하기 쉬워졌다. 먼저 기본문법 부터 살펴보자. 1. 기본 ES6 문법 let 기존의 var를 대체하는 키워드 기존의 함수 스코프 변수인 v.. 2016. 10. 3.