전체 글 검색 결과

해당 글 163건
[Spring] Template Engines

Template Engines 템플릿 엔진 정의 REST 웹 서비스뿐만 아니라 Spring MVC를 사용하여 동적 HTML 콘텐츠를 제공할 수 있다. Spring MVC는 Thymeleaf, Freemarker, JSP를 포함한 다양한 템플릿 기술을 지원한다. 여러 템플릿 엔진 중에서도 인기 많은 템플릿 엔진은 아래와 같다. FreeMarker Groovy Thymeleaf Mustache 이 4가지 중에서 내가 스프링부트를 공부하며 사용할 템플릿 엔진은 Thymeleaf 이다. Thymeleaf 타임리프는 View Template이라고 부르는데 뷰 템플릿은 Controller가 전달하는 데이터를 이용하여 동적으로 화면을 구성할 수 있도록 해준다. 기존에 사용하던 JSP는 많은 기능 및 전체적인 화면을 ..
Back-End/Spring 2022. 2. 25. 15:49
[Spring] 스프링 부트 (Spring Boot)란?

스프링 부트 (Spring Boot) 스프링(Spring) 정의 스프링 부트를 공부하기 이전에 Spring에 대해 먼저 알아보자. 스프링이랑 자바 기반의 웹 어플리케이션을 만들 수 있는 프레임워크이다. spring.io 사이트에 보면 스프링 프레임 워크는 현대 자바 기반의 엔터프라이즈 어플리케이션을 위한 프로그래밍 및 Cofiguration Model 을 제공한다고 언급되어 있다. 스프링(Spring) 특징 스프링은 자바 객체와 라이브러리를 관리하며, 톰캣과 같은 웹 서버가 내장되어 있어서 자바 웹 어플리케이션을 구동할 수 있다. 스프링은 경량 컨테이너로 자바 객체를 직접 스프링 안에서 관리한다. 객체의 생성부터 소멸까지의 생명주기(Life cycle)을 관리하며 스프링 컨테이너에서 필요한 객체를 가져와..
Back-End/Spring 2022. 2. 25. 15:35
[JavaScript] Proxy와 Reflect에 대해 알아보자

Proxy와 Reflect Proxy 객체는 기본적인 동작의 새로운 행동을 정의할 때 사용한다. 여기서 말하는 기본적인 동작이란 속성 접근, 할당, 순회, 열거, 함수 호출 등을 말한다. proxy 객체를 생성할 때는 new 라는 생성자를 호출해야 한다. 아래 구문처럼 필수적으로 2개의 인자를 받는다. 구문 new Proxy(target, handler); 매개변수 target : proxy와 함께 감싸진 target 객체 (native array, function, 다른 proxy를 포함한 객체) handler : property이 function인 객체이다. 동작을 수행할 때, handler는 proxy의 행동을 정의한다. DOM node 조작 2개의 다른 element의 속성이나 클래스의 이름을 바..
Front-End/JavaScript 2022. 2. 24. 17:20
폐쇄망에서 크롬 플러그인 설치하는 방법

사내에서 개발하는데 폐쇄망에서 크롬 확장 프로그램이 필요할 때가 있었다. 그럴 때 사용할 수 있는 방법을 알아보자. 아래 방법은 인터넷이 되는 환경에서 진행 후 해당 파일을 USB 로 옮겨 폐쇄망에서 설치하면 된다. 1. CRX Extractor/Downloader 설치 https://chrome.google.com/webstore/detail/crx-extractordownloader/ajkhmmldknmfjnmeedkbkkojgobmljda/related CRX Extractor/Downloader Download CRX Files directly as crx or zip file depending upon your choice chrome.google.com 2. 설치하고자 하는 확장 프로그램 화면..
Etc/IT 백과사전 2022. 2. 7. 17:58
개발자가 블로그를 작성하는 이유

2월 설 연휴가 지나고 오늘에서야 밀린 메일을 읽었다. 1월 말에 온 주간인프런의 주제는 개발자가 블로그를 작성하는 이유였다. 사람이라면 보통 메모를 하지 않는 이상 잊어버리곤 한다. 나 또한 매일 할일들을 To do List 어플을 통하여 기록하고 달성시에는 체크를 하곤 한다. 또한 개발에 대한 기록들은 Github, TISTORY 를 통해 정리해둔다. 개발일지를 작성할 수 있는 블로그들은 많이 있다. 그만큼 찾는 사람들이 많아지기 때문에 늘어나는 듯하다. 나에게 velog 는 일주일에 3번 이상 글을 보는 사이트이다. 내가 작성하지 않는 이유는 플짤들을 많이 써야한다는 강박관념(?) 때문이다. 아무튼 기록하는 습관을 가지는 것은 좋다. #40 주간인프런의 내용처럼 오픈소스에 참여하는 것은 더욱 좋다...
Etc/Story 2022. 2. 7. 09:32
[JavaScript] 구조 분해 할당 (Destructuring)

구조 분해 할당 (Destructuring) ES6 문법에서 가장 많이 사용하게 되는 구조 분해 할당에 대해 알아보자. 구조 분해 할당은 다시 말해 해체할당이라고도 하는데 한국말이 꽤나 어려운 듯하다. 디스트럭쳐링이 더 편한 듯 하다. 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이라고 한다. 텍스트로 보면 어려우니 코드를 통해 확인해보자. 예시 let a, b, c; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 펼침연산자를 사용해보면, let a, b, c; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 [a, b, ..
Front-End/JavaScript 2022. 1. 18. 13:21