web

Spring Boot 알아보기 Spring Boot에 대해 알아보고 정리한 내용입니다. 1. Spring Boot 자바 애플리케이션 프레임워크인 스프링은 안정성, 성능, DI(Dependency Injection, 의존성 주입) 등의 강력한 장점을 가지고 있어서 대표적인 프레임워크로 자리 잡았습니다. 그러나 개발 환경 설정에 어려움이 있었고 이러한 단점을 보완하고자 만들어진 것이 스프링 부트입니다. 스프링 부트는 환경 설정을 최소화하고 개발자가 비즈니스 로직에 집중할 수 있게하여 생산성을 크게 향상시켜줍니다. Spring Boot Commercial support Business support from Spring experts during the OSS timeline, plus extended sup..

JavaScript 화살표 함수 JavaScript ES6의 화살표 함수에 대해 알아보겠습니다. 1. 화살표 함수 화살표 함수는 ES6에서 도입된 문법입니다. function 키워드를 사용하는 것보다 간결하고 항상 익명으로 동작합니다. 1.1. 화살표 함수 선언 화살표 함수의 매개변수를 지정하는 방법입니다. 1 2 3 4 5 6 7 8 // 매개변수가 없는 경우 var arrowFunc = () => { ... }; // 매개변수가 한 개인 경우 (소괄호를 생략 가능) var arrowFunc = x => { ... }; // 매개변수가 여러 개인 경우 (소괄호를 생략 불가) var arrowFunc = (x, y) => { ... }; cs 화살표 함수의 block을 지정하는 방법입니다. 1 2 3 4..

JavaScript 변수 선언 및 특징 JavaScript ES6(ECMAScript6)를 기준으로 변수 선언과 그에 따른 특징에 대해 알아보겠습니다. 1. 변수 선언 JavaScript ES5에서의 변수 선언은 var 키워드를 사용하는 것이 유일한 방법이었습니다. var 키워드를 사용한 변수 선언은 다음과 같은 특징과 문제가 있습니다. 함수레벨 스코프로 동작 (전역 변수의 남발 및 코드 복잡도 증가) 변수 선언시 var 키워드 생략 허용 (변수의 의도하지 않은 전역화) 중복 선언 허용 (변수의 의도하지 않은 값 변경) 변수 호이스팅 (변수 선언 이전에 참조 가능) 이러한 특징은 대부분 전역 변수의 선언과 사용으로 인하여 발생하며 코드 복잡도를 높이는 원인이 됩니다. ES6에서는 var 키워드의 단점을 ..

TypeScript 정적 타이핑 TypeScript의 정적 타이핑에 대해 알아보겠습니다. 1. 타입 선언 TypeScript에서는 다음과 같이 변수명 뒤에 타입(자료형)을 명시하여 타입을 선언하는 것이 가능합니다. 1let text: string = 'Hello';cs 또한 타입 선언 후 맞지 않는 값을 할당하면 컴파일할 때 에러가 발생합니다. 타입 선언의 특징은 다음과 같습니다. 개발자의 코드 예측 가능 및 개발 효율 향상 강력한 타입 체크 기능으로 문법 에러나 일치하지 않는 값의 할당 오류 등을 런타임 이전에 검출TypeScript는 ES5, ES6의 상위 집합이므로 기존 JavaScript의 타입을 그대로 사용할 수 있습니다. 다음은 TypeScript와 JavaScript의 타입을 정리한 내용입니..

Angular 모듈(Module) Angular의 모듈(Module)에 대해 알아보겠습니다. 1. 모듈 (Modue) Angular의 모듈은 Angular의 컴포넌트, 디렉티브, 파이프, 서비스 등과 같이 관련이 있는 요소를 모은 하나의 단위를 의미합니다. 모듈은 다른 모듈과 결합할 수 있으며 Angular는 여러 모듈을 조합하여 하나의 애플리케이션을 구성합니다. 또한 모듈은 다른 모듈을 import 할 수 있습니다. Angular에서 제공하는 라이브러리 모듈이나 서드 파티 라이브러리도 import 하여 사용할 수 있습니다. 이러한 모듈성(Modularity)은 애플리케이션 개발에 있어서 중요한 의미를 갖습니다. 애플리케이션에 대한 요구사항이 많아지면서 코드의 복잡도가 높아짐에 따라 루트 모듈, 기능 모..

Angular 생명주기(Lifecycle)와 훅(Hook) 메소드 Angular의 생명주기(Life cycle)와 훅(Hook) 메소드에 대해 알아보겠습니다. 1. 생명주기 Angular의 컴포넌트와 디렉티브는 생명주기(Lifecycle)를 갖는데, 생명주기는 Angular가 컴포넌트와 디렉티브를 생성하여 소멸하기까지의 과정을 관리하는 것을 의미합니다. 이와 관련하여 생명주기 이름 앞에 ng가 붙은 훅(Hook) 메소드를 제공하는데 이를 구현하여 생명주기의 각 단계에서 처리해야하는 내용을 정의할 수 있습니다. Angular는 다음의 순서대로 생명주기를 관리합니다. ※ 디렉티브 생명주기 훅 메소드디렉티브도 컴포넌트와 동일한 생명주기 훅 메소드를 사용합니다. 하지만 디렉티브에는 뷰가 없기 때문에 뷰와 관련된..

HTTP 응답 코드와 Request Method Web에서 사용되는 HTTP의 응답 코드와 Request Method에 대해서 알아보겠습니다. 1. HTTP 응답 코드 (Response Code) 클라이언트가 서버에 요청(request)을 하면 서버는 응답(response)을 보내주는데 이 때 함께 보내주는 코드를 응답 코드라고 합니다. 각 코드는 100번대 단위로 구분되어 있으며 첫번째 자리를 Response Class Code라고 합니다. 이것은 응답의 종류를 구분하기위해 사용됩니다. 1.1 Response Class Code 응답 코드의 첫번째 자리인 Response Class Code의 종류는 다음과 같습니다. Response Class Code 구분 설명 1 정보 요청을 받고 처리중인 상태 2 ..

스프링 프레임워크(Spring Framework) MyBatis와 MySQL의 설정 스프링 프레임워크와 MyBatis 연동 및 MySQL의 설정에 대해 알아보겠습니다. MyBatis는 Java Persistence Framework의 한 종류로 XML 또는 애너테이션을 통해 SQL문 또는 저장 프로시저로 객체들을 매핑해줍니다. MyBatis는 스프링을 이용한 개발 중 국내에서 가장 많이 쓰이는 형태로 SQL 처리에 대한 개발 생산성을 높이는 형태로 사용됩니다. ※ 퍼시스턴스 프레임워크(Persistence Framework)데이터의 저장, 조회, 변경, 삭제를 다루는 클래스 및 설정 파일들의 집합입니다. JDBC의 복잡함이나 번거로움 없이 간단한 작업만으로 데이터베이스와 연동되는 시스템을 빠르게 개발할 ..

스프링 프레임워크(Spring Framework)에 대한 간단한 소개 이번 포스팅에서는 스프링 프레임워크가 현재와 같이 많은 인기를 얻게 된 이유와 중요한 특징들에 대해 간단하게 알아보겠습니다. 1. 스프링 프레임워크가 개발의 대세가 된 이유 프레임워크(Framework)는 말 그대로 뼈대나 근간을 이루는 코드들의 묶음이라고 볼 수 있습니다. 여기서 우리는 프레임워크가 왜 필요한지에 대해 생각해볼 필요가 있습니다. 개발자는 개개인의 능력 차이가 큰 직종인데 이러한 개발자들이 모여서 만들어내는 프로젝트의 결과 역시 차이가 클 수밖에 없습니다. 따라서 프레임워크는 이러한 상황을 극복하기 위해 만들어졌으며, 프레임워크는 프로그램의 기본 흐름이나 구조를 정하고 모든 팀원이 이 구조에 자신의 코드를 추가하는 방식..