1993년 집에 컴퓨터가 없던 시절, 컴퓨터를 잘 모르는 사람들도 쉽게 쓸수있는 UI요소가 더해진 첫 번째 ‘모자이크’ 웹 브라우저가 세상에 나왔다. 모자이크 웹 브라우저의 개발팀을 이끌던 Marc Andreessen(마크 엔더슨)은 대학교를 졸업함과 동시에...
Continue reading...6월 2020
브라우저 동작 원리
구글의 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 범용 개발 언어가 되었다. 하지만 자바스크립트가 가장 많이 사용되는 분야는 역시...
Continue reading...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...미국 재난지원금 수령🇺🇸
대학교시절 같이 살던 친구가 편지가 왔다며 대신 전해주었다. (나는 현재 베트남에 거주중이기때문에 대신 확인해주었다) 백악관에서 온 편지라니… 이게 갑자기 무슨일인가해서 알아보니 2017년도 2018년도에 미국에 세금을 낸 사람들에 한해 재난지원금을 준다고 한다....
Continue reading...블로그 시작 :)
블로그 운영을 해보고 싶어서 마음만 먹고 있다가… 드디어 시작하게 되었다. 처음 워드프레스를 써보는거라 어색하지만, 어쨌든 정말 좋은 플랫폼인건 확실한 것 같다. 처음 워드프레스를 접하는 나도 이렇게 글을 쓰고있으니… 😀 이미 지나간...
Continue reading...