javascript

[javascript] ES6+ 기초 문법

javascript의 구성은 BOM(Broswer Object Model), DOM(Document Object Model) 그리고 이러한 것들을 다루는 문법인 ECMAScript가 존재합니다. 그리고 ES6 부터 javascript는 크게 변화했습니다. 이번 포스트에서는 javascript의 ES6+(ECMAScript6+) 의 문법(스펙)에 대해 알아보도록 하겠습니다. …

javascript

[javascript] hoisting, scope, closure

이번 포스트는 호이스팅(hosting), 스코프(scope), 클로저(closure)에 대한 개념을 다루도록 하겠습니다. 호이스팅(hoisting) 스코프(scope) 클로저(closure) 위의 세 가지는 es5 spec에서 발생하는 이슈들이며, es6에서 이것을 어떻게 해결하였는지를 기준으로 다루도록 하겠습니다. 호이스팅(hoisting) 네이버 사전에 hoisting이라는 …

웹 디자인 기능사

[CSS] flex layout에 대한 이해

이번에는 flex box에 대하여 알아보도록 하겠습니다. display: flex justify-content align-items align-content 복합적으로 사용하기 해당 포스트의 내용을 접하기 이전에 다음 flex froggy 게임을 플레이해주세요. flex에 대한 이해도가 굉장히 좋아집니다. 물론 해당 …

웹 디자인 기능사

[CSS] Float layout에 대한 이해

이번 포스트에서는 float layout에 대해 알아보도록 하겠습니다. 포스트의 순서는 다음과 같습니다. float의 기본 속성 float와 display:inline-block의 차이점 float과 inline-block을 같이 사용하기 float의 기본속성 float을 이용하면 다음과 같이 레이아웃을 가로로 나열할 …