post-thumbnail

[Maven] maven을 이용해 js, css minify 하기

성능 향상을 위해 배포시 자바스크립트 파일과 CSS 파일을 압축 시킨 뒤 pacakge 하기 위해 minify-maven-plugin을 사용했습니다. 1. pom.xml 우선 pom.xml에 다음과 같이 플러그인을 추가해줍니다. 사용한 몇가지 옵션을 살펴보면 다음과

2022년 3월 3일
·
0개의 댓글
post-thumbnail

[HTTP] Enable text compression

개발한 웹어플리케이션의 최적화 테스트를 위해 구글 크롬 개발자도구에서 제공하는 lighthouse를 이용하여 성능을 측정해 보았다. 결과는 다음과 같이 처참했다. lighthouse가 추천하는 개선사항으로 예상 절감치가 가장 큰 항목으로 텍스트 압축 사용을 알려주

2022년 3월 2일
·
0개의 댓글
post-thumbnail

[Java] Gzip Decompress

GZIP으로 압축된 String을 다시 Decompress 하는 코드다.decompressed을 생성할 때는 절대 + 연산자를 이용하여 문자열을 붙이지 않는다. compressed된 문자열이 작을 때는 상관 없지만 수십만줄의 compressed된 문자열을 decompr

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 24장 클로저

MDN에서는 클로저에 대해 다음과 같이 정의한다."A closure is the combination of a fucntion and the lexical environment within which that function was declared."클로저는 함수와 그

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 23장 실행 컨텍스트

ECMAScript 사양은 소스코드를 4가지 타입으로 구분한다. 각 타입에 따라 실행 컨텍스트를 생성하는 과정과 관리 내용이 다르다.전역 코드전역 코드는 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성한다. 이를 위해 전역 코드가 평가되면 전역 실행 컨텍

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 18장 함수와 일급 객체

다음 조건을 만족하는 객체를 일급 객체라 한다.1\. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성할 수 있다.2\. 변수나 자료구조에 저장할 수 있다.3\. 함수의 매개변수에 전달할 수 있다.4\. 함수의 반환값으로 사용할 수 있다.자바스크립트의 함수는 위의

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 17장 생성자 함수에 의한 객체 생성

new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다.생성자 함수란 new 연산자와 함께 호출하여 인스턴스를 생성하는 함수를 말한다. Object 이외에도 String, Number, Boolean, Function, Array, Dat

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 12장 함수

프로그래밍 언어의 함수는 일련의 과정을 문(statement)로 구현하고 코드 블록으로 감싸 하나의 실행 단위로 정의한 것이다.함수는 몇 번이든 호출할 수 있으므로 코드의 재사용이라는 측면에서 매우 유용하다.코드의 중복을 억제하고 재사용성을 높여 유지보수의 편의성을 높

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 11장 원시 값과 객체의 비교

자바스크립트가 제공하는 7가지 데이터 타입은 크게 원시 타입과 객체 타입으로 구분할 수 있다.데이터 타입을 원시 타입과 객체 타입으로 구분하는 이유는 무엇일까?원시 값을 변수에 할당하면 변수에는 실제 값이 저장된다. 이에 비해 객체를 변수에 할당하면 변수에는 참조 값이

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 10장 객체 리터럴

자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 모든 것이 객체다.원시 타입은 하나의 값만 나타내지만, 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복잡한 자료구조다.원시 타입의 값은 변경 불가능한 값, 객체는 변경 가능한 값 이다

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 09장 타입 변환과 단축 평가

자바스크립트의 모든 값은 타입이 있다.개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환(explicit corection) 혹은 타입 캐스팅이라 한다.개발자의 의도와는 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 08장 제어문

블록문은 0개 이상의 문을 중괄호로 묶은 것으로, 코드 블록 혹은 블록이라고 부른다.자바스크립트는 블록문을 하나의 실행 단위로 취급한다.조건문은 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다.자바스크립트는 if ... else 문과 switch 문으로

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 07장 연산자

산술 연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능 할 경우, NaN을 반환한다.이항 산술 연산자는 2개의 피연산자를 산술 연산하여 숫자 값을 만든다.모든 이항 산술 연산자는 피연산자의 값을 변경하는 부수 효과가 없다.

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 06장 데이터 타입

C나 JAVA의 경우 정수와 실수를 구분하여 int, long, double 등 다양한 숫자 타입을 제공한다.하지만 자바스크립트는 하나의 숫자 타입만 존재한다.ECMAScript 사양에 따르면 숫자 타입의 값은 배정밀도 64비트 부동소수점 형식을 따른다. 즉, 모든 수

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 05장 표현식과 문

값은 식(expression)이 평가(evaluate)되어 생성된 결과를 말한다.값은 다양한 방법으로 생성할 수 있다. 가장 기본적인 방법은 리터럴을 사용하는 것이다.리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.표현식은

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JS] 04장 변수

10 + 20 이라는 계산을 하고자 할 때 컴퓨터는 10,20 이라는 값과 + 라는 연산자의 의미를 알고 있어야 한다. 컴퓨터는 연산과 기억을 수행하는 파트가 나뉘어져 있다. CPU를 이용해 연산하고, 메모리를 이용해 데이터를 기억한다.메모리는 메모리 셀의 집합체이며

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[WARNING] POI - XXX의 내용에 문제가 있습니다.

엑셀파일 생성 후 파일을 열 때 다음과 데이터는 제대로 만들어 졌지만 같은 경고메시지가 뜨는 경우가 있었다.이유는 stream을 열고서 제대로 닫아주지 않았기 때문이었다.

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[JAVA] Exception 종류

프로그램의 로직에서 발생하는 사용자가 예측하고 핸들링 할 수 있는 에러이다. 크게 Checked Excpetion과 Unchecked Exception 두 종류로 나뉜다.무조건 try ~ catch 구문을 통하여 처리를 해줘야 하며 컴파일 시점에 확인된다.ClassNo

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[Spring] Spring JUnit Annotations

Spring 프로젝트에서 JUnit 라이브러리를 이용한 테스트 코드 작성 시 유용하게 사용 할 수 있는 어노테이션들이다.각 테스트가 실행 전에 실행된다. 무언가를 초기화 해줄 때 유용하다.테스트 클래스가 실행 될 때 한 번 실행된다. 테스트 클래스가 실행되기 전에 실행

2022년 2월 24일
·
0개의 댓글
post-thumbnail

[알고리즘] 시간 복잡도 및 Big O 표기법

시간 복잡도란 알고리즘의 효율성을 비교할 때 사용한다. 시간 복잡도는 다음과 같은 규칙을 가진다.N은 항상 0 보다 크다.함수는 많은 입력값이 있을 때 더 많은 작업을 하게 된다.모든 상수는 제거한다.시간 복잡도가 3n 이라면 이는 복잡도가 n인 알고리즘이다.낮은 차수

2022년 2월 24일
·
0개의 댓글