구글의 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 범용 개발 언어가 되었다. 하지만 자바스크립트가 가장 많이 사용되는 분야는 역시...
Continue reading...IT
Flexbox
Flexbox가 나오기 전까지는 position, float , inline-block 등을 사용해 블록을 정렬했다. 하지만 데스크탑 시대를 벗어나 모바일 시대로 접어들면서 보다 유연한 형태의 레이아웃 매커니즘이 필요해졌다. 그에 따른 차세대 레이아웃에는 Flexbox, Grid 등이...
Continue reading...Responsive Images
반응형 이미지가 필요한 이유는? 전형적인 웹사이트에는 헤더 이미지가 있을 것이고, 헤더 밑 컨텐츠 영역에도 이미지가 있을 것이다. 보통의 경우, 헤더 이미지는 헤더 가로 너비 전체(100%)를 차지할 것이고, 컨텐츠 영역의 이미지는 컨텐츠...
Continue reading...외부 script 호출시 async와 defer 속성
브라우저는 html 파일의 위에서 부터 아래로 쭉 읽는다. 또한, 기본적으로 웹 브라우저는 html을 랜더링 할 때 css 또는 js를 만나면 동기적으로 처리한다. ( 해당 내용이 해석 및 실행되기 전에는 뒤에 나오는...
Continue reading...VScode Set up
그런 일은 없었으면 좋겠지만, 혹시 모를 상황(?)에 대비해서 현재 내가 사용하고 있는 익스텐션을 미리 정리해두려고 한다. 단축키는 command palette 를 이용 (cmd + shift + p) for Mac Material Theme– 눈에...
Continue reading...