Home
객체 리터럴 확장, 상속 그리고 디스트럭처링
객체 리터럴의 확장 프로퍼티 축약 표현 es5의 객체 리터럴을 살펴보자. 객체 리터럴의 프로퍼티는 프로퍼티 이름과 프로퍼티 값으로 구성되어 있다. var x = 1, y = 2 var obj = { x: x, y: y } 이런 식으로 말이다. es6의 경우 프로퍼티 이름을 생략할 수 있다. 이 때의 프로퍼티 이름은 변수명으로 자동 생성된다. let
ES6 파라미터를 알아보자.araboza
ES6 파라미터 파라미터 기본값 es5에서는 파라미터 기본값을 설정할 수 없었지만, es6에선 기본값을 설정할 수 있어 함수 내 파라미터 검사를 수행하지 않아도 된다. Rest 파라미터 Rest 파라미는 Spread 연산자를 사용하여 파라미터를 정의한 것이다. 그래서 인수 리스트를 함수 내부에서 배열로 전달받을 수 있다. function foo(...
플랙서블 박스 레이아웃에 대해 알아보자.
Flex box layoutflexible box layout은 그리드 레이아웃을 기본으로 하여 플랙스 박스를 원하는 위치에 배치하는 것이다. 여유 공간에 따라 너비나 높이, 위치를 자유롭게 변형할 수 있고 화면 크기에 따라 에이아수의 배치나 크기를 조절할 때 편하게 이용 가능하다는 장점이 있다. flexbox를 사용하기 위해서는 부모 요소의 displa
가변 레이아웃과 가변 요소
가변 레이아웃과 가변 요소가변 글꼴보통 우리는 텍스트 크기를 px단위로 지정한다. 하지만 px단위로 지정하게 되면 화면에 크기가 고정되기 떄문에 작은 기기에서 매우 작게 표시되는 상황이 발생한다.가변 그리드 레이아웃을 사용할 때는 글자 크기도 유동적으로 변해야 하는데 그 때 사용하는 것이 ‘가변 글꼴’이다. em 단위 em단위는 부모 요소에서 지정한 폰