카테고리 frontend 개발 이야기

프론트엔드 개발에 관련된 다양한 주제에 대해 이야기하기

UA가 가고 Client Hints가 온다

navigator.userAgent는 브라우저 환경 별로 다른 화면과 기능을 제공하려고 할 때 유용한 웹브라우저 내장 객체입니다. navigator라는 이름에서 보이듯 1990년대 넷스케이프 웹브라우저 시절부터 2020년 현재에 이르기까지 클라이언트 환경을 분석하기 위해 많이 사용되고 있지만, 이 객체는 곧 사용하지 못하게 될 예정입니다. 구글이…

모바일 Dark mode 대응

Dark mode는 UI 트렌드 중의 하나이며 UI 전체를 어두운 톤으로 설정하는 기능을 말합니다. 이전에도 앱 자체의 설정을 통해 “밝은 테마, 어두운 테마”를 지원하는 경우는 있었지만, 당연히 해당 앱에서만 적용될 뿐 다른 앱에 이 설정이 공유되지 않습니다. 하지만, Dark mode는 OS의…

내맘대로 돌아보는 2019 Frontend 트렌드

오랫동안 프론트엔드 쪽의 일을 해왔지만, 이 분야는 새로운 것들이 등장하는 속도가 정말 빠름을 느끼고 있습니다. 어느덧 한해를 정리하고 다음 해를 준비하는 연말이 왔는데요, 나름대로 2019년에 프론트엔드 분야에서 화제가 되었던 것들을 돌아보고, 관심있는 분야와 공부해야 할 것들을 개인적으로 정리해봤습니다. 자세한 설명은…

VS CODE extension for FE

전통적으로 Javascript 개발 환경은 java처럼 복잡한 IDE 대신에 매우 가벼운 에디터로도 충분했습니다. 하지만 현대에는 frontend 개발의 주축이 되면서 매우 복잡해졌기 때문인지 Webstorm과 같은 강력한 IDE로 개발하는 경우도 많아졌습니다. 개발자에 따라 자바스크립트의 개발환경은 새롭고 강력한 IDE를 사용하는 환경, 전통적인 간단한 에디터를…

HTTP/3 (HTTP-over-QUIC)

QUIC은 Quick UDP Internet Connections 의 약자이며, 전송계층 프로토콜인 UDP 를 기반으로 TCP + TLS + HTTP 의 기능을 모두 구현하는 프로토콜입니다. QUIC 은 “quick”과 동일하게 “퀵”으로 발음합니다. Google에서 2012년에 최초로 개발했는데, 여담이지만 구글에서 개발했던 SPDY 기술이 HTTP/2의 기반 기술이었는데…

웹사이트 최적화 : 8bit PNG 활용하기

21세기가 시작된 지 거의 10년이 다 되어가는 2009년에 이르러 네트워크와 인터넷은 놀라운 발전을 이뤄왔습니다. 웹브라우저 시장은 MS의 Internet Explorer가 독점하는 상황을 벗어나서, 지금은 파이어폭스, 사파리, 오페라, 크롬, … 기타 등등 수많은 브라우저가 서로 웹표준을 향해 경쟁하는 행복한(?) 시대가 되었지요. 하지만,…

Internet Explorer 8 Beta1 의 등장

미국 라스베가스에서 현지시간 3월 5일~7일 일정으로 진행되고 있는 MIX08 Conference 에서 Internet Explorer 8 Beta1 버전이 발표되었습니다. 이전 기능을 통합하는 새로운 기능, 웹표준을 지원하는 새로운 렌더링 엔진이 큰 특징이라고 할 수 있습니다. 최근 IE8 에 대한 소식이 잦다는 느낌이 들었는데,…

UI개발의 역할론

UI개발자의 역할은 제가 생각하기로는 좁은 의미, 그리고 넓은 의미가 있다고 봅니다. 우선 좁은 의미로 보면, UI개발자의 주 업무는 디자이너가 디자인한 사이트를 구조화 하고 HTML과 CSS를 사용하여 실제로 사용자가 보는 화면을 제작하는 것입니다. 그 과정에서 디자이너와 프로그래머 사이의 의견을 조율하고 협상(?)을…

XRAY – 박스모델 표시기(Bookmarklet)

자바스크립트에 관련된 소식을 많이 알려주는 해외 블로그 중에 ajaxian 이라는 사이트가 있습니다. 시간이 나면 자주 방문해서 글을 읽으면서 영어를 읽는 연습(?)도 하고 있습니다만, UI개발자로서 흥미있는 소식이 업데이트 되어서 스크랩 해봅니다. ajaxian’s article : Post : XHTML/CSS 개발을 하다…