2. 객체 생성 방법 자바와 같은 클래스 기반 객체 지향 언어는 클래스를 사전에 정의하고 필요한 시점에 new 연산자를 이용하여 인스턴스를 생성하는 방식으로 객체를 생성한다. 하지만 자바스크립트는 프로토타입 객체 지향 언어로서 클래스라는 개념이 없고 별도의 객체 생성 방법이 존재한다. Note: ECMAScript 6에서 새롭게 클래스가 도입되...

1. 타입 변환이란? 암묵적 타입 변환은 변수 값을 재할당해서 변경하는 것이 아니라 자바스크립트 엔진이 표현식을 에러없이 평가하기 위해 기존 값을 바탕으로 새로운 타입의 값을 만들어 단 한번 사용하고 버린다. 5. 단축 평가 논리곱 연산자 &&와 논리합 연산자 ||는 논리 평가를 결정한 피연산자의 평가 결과를 그대로 반환한다. 이를 단...

4. break 문 레이블 문(Label statement)이란 식별자가 붙은 문을 말한다. // foo라는 레이블 식별자가 붙은 레이블 문 foo: console.log('foo'); 레이블 문은 프로그램의 실행 순서를 제어하기 위해 사용한다. 사실 switch 문의 case 문과 default 문도 레이블 문이다. 레이블 문을 탈출하려면 br...

2. 문과 표현식 자바스크립트 statement 끝에 세미콜론을 안 붙여줘도 되는 이유는 자바스크립트 엔진에는 statement 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능(ASI, automatic semicolon insertion)이 있기 때문이다. 세미콜론을 반드시 붙여야 한다는 주장이 대다수를 차지하지만 붙...

1.1.1 number Javascript는 모든 수를 실수(일반적으로 소수를 가리킴)로 처리한다. console.log(3/2); => 결과: 1.5 1.1.2 string 문자열은 배열처럼 인덱스를 통해 접근할 수 있으며 immutable특징을 가진다. var str = "string" str[0] = 'S' 위의 코드 처럼 이미 ...

자바 스크립트는 렌더링 엔진이 아닌 자바스크립트 엔진이 처리한다. HTML파서는 script태그를 만나면 자바 스크립트 코드를 실행하기 위해 DOM 생성 프로세스를 중지하고 자바스크립트 엔진으로 제어 권한을 넘긴다. 제어 권한을 넘겨 받은 자바스크립트 엔진은 script 태그 내의 자바스크립트 코드 또는 script 태그의 src 어트리뷰트에 정의된 ...

출처 https://poiemaweb.com/

2021년 8월 31일 1) 요소 세로 가운데 정렬할때 부모 요소의 display를 flex로 선언하고 align-items: center; 를 추가하면 된다. 2) 요소 세로 가운데 정렬할때 부모 요소의 display를 flex로 선언하고 justify-content: center; 를 추가하면 된다. 3) width요소의 퍼센티지 비율을 줄때 ...

※ 실습 프로젝트는 Github에서 확인 할 수 있습니다. Api문서를 쉽게 알아보기 위해선 Schemas 에 대한 설명과 들어갈 값에 대한 정보가 필요하다. 또한 api method에 대한 설명도 있어야 api구성 목록을 원활하게 식별할 수 있다. 이번 포스팅에서는 Swagger v3 Annotation을 이용하여 API 문서의 설명을 구체적으로...

※ 실습 프로젝트는 Github에서 확인 할 수 있습니다. Swagger란? API에 대한 정보를 전달하기 위해 일일이 문서화하는 것은 매우 번거로운 작업이다. 매번 Rest API를 개발하고 수정하면서 API문서를 변경하는 것은 개발자의 생산성 또한 떨어뜨린다. Swagger는 이러한 API문서를 자동으로 생성하여 HTML로 만들어주는 오픈 소스...