개발을 하다 보면 날짜를 다루는 일은 쉽지 않다고 느끼게 됩니다. 어려운 이유는 여러 가지가 있지만, 그중 하나는 시간은 절대적이나 표기 방식은 상대적이란 사실을 뒤늦게 깨닫기 때문이죠. 웹프론트엔드 개발을 할 때, ...

IntersectionObserver API란IntersectionObserver API는 타겟 엘리멘트가 화면(viewport)에 보여지고 있는지 관찰하는 API입니다.크롬 51버전부터 사용 가능하며, 현재 대부분 ...

이 글은 픽셀 없는(pixeless) CSS 레이아웃을 제시하고 그것을 달성하기 위한 기술적인 방법을 소개합니다. 왜 픽셀(px)을 없애야 할까?더 이상 사용자들은 똑같은 해상도를 가진 모니터로 웹사이트를 접속하지 ...

코드 분할번들링은 훌륭하지만 앱이 커지면 번들도 커져서 로드 속도가 느려집니다. 프로젝트 초기라면 괜찮습니다. 하지만 프로젝트 규모가 커지고 최적화가 필요한 단계에서 Code Splitting을 한다면 서비스 퍼포먼 ...

WebRTC 소개WebRTC (Web Real-Time Communication)는 웹 브라우저 간에 플러그인 설치 없이 스트림과 데이터를 상호 통신할 수 있도록 설계된 JavaScript API이다. WebRTC는 ...

본능에 의해 코딩하는 것을 멈추라 최근 켄트벡의 구현패턴을 읽고 가장 뜨금 했던 문구입니다. 완성을 목표로만 달려왔던 저는 정말 큰 충격이었습니다. 그래서 이와 관련된 내용을 찾아보고 한번 정리를 해봤습니다.일단 ...

react의 대표적인 상태관리 도구인 redux는 해야 할 게 너무 많습니다.redux로 카운터를 만들 때를 상상해 보죠. redux로 Counter 만들기먼저 액션에 따라 카운터 숫자를 바꾸는 reducer를 작 ...

웹접근성은 장애인뿐만 아니라 모든 사람이 정보 및 서비스를 손쉽게 활용 할 수 있도록 만드는 것 웹접근성 4가지 원칙과 관련 지침웹 접근성이란 다양한 장치 및 다양한 환경 그리고 장애를 가진 사람도 웹을 이용할 수 ...

서브 제목글을 작성하고 공유함으로부터 배우는 것이 분명히 있다고 생각합니다.관심 있고 공부하고 싶은 내용이나 알고 있는 내용을 하나씩 담아 보았으면 합니다. 리스트 (UL) HTML 1단계 2단계 CSS 1단 ...

함께 만들어가는 기술 블로그글을 작성하고 공유함으로부터 배우는 것이 분명히 있다고 생각합니다.관심 있고 공부하고 싶은 내용이나 알고 있는 내용을 하나씩 담아 보았으면 합니다. 작성하신 내용은 물론 개인 블로그에 올리 ...