월간 크롬 이슈 리포트 2022년 9월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 9월호)
devBlog
TOAST UI 기술 블로그
총 50개 글 · 원본 블로그 방문 →
NHN 오픈소스 UI 라이브러리 TOAST UI 팀의 웹 기술 콘텐츠
출처가 다른 윈도우 간에는 데이터를 어떻게 통신할까?
최근 document.domain의 setter가 지원 중단이 확정이 되었다. 이를 대신할 출처가 다른 윈도우 간에 데이터 통신 방법에 대해 알아본다.
월간 크롬 이슈 리포트 2022년 8월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 8월호)
월간 크롬 이슈 리포트 2022년 7월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 7월호)
자바스크립트는 어떻게 약속을 지킬까?
자바스크립트의 비동기 처리에 대해 알아보고, 브라우저에서 Promise의 내부 동작을 살펴본다.
TOAST UI Calendar 2.0이 출시되었습니다!
TOAST UI Calendar의 새로운 메이저 버전이 공개되었습니다. 많은 변화 대신 모던 자바스크립트 개발 환경에 발맞추어 애플리케이션을 재구성하였으며, 번들 사이즈를 대폭 줄였습니다.
월간 크롬 이슈 리포트 2022년 6월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 6월호)
JSDOM은 진짜 DOM이 아니다
필자는 NHN Cloud Console 프론트엔드 코드의 통합 테스트를 진행하고 있다. 현재 테스트는 Node.js 환경에서 Testing Library를 이용하여 진행되며, DOM을 확인하기 위해서 JSDOM을 사용하고 있다. 이 과정에서 발생한 문제를 공유하고자 한다.
HTML 요소 inert 속성에 대해 알아보자
크롬 브라우저가 102로 업데이트(22/05/24)되면서 변경 사항을 확인하다가 HTML 요소에 전역으로 넣을 수 있는 'inert' 속성에 대해서 접하게 되었다. 'inert' 속성이 무엇인지 알아보고 내용을 정리해 보았다.
월간 크롬 이슈 리포트 2022년 5월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 5월호)
TOAST UI Monthly 2022년 05월호
싱그러운 초여름이 되었습니다.🌿 TOAST UI팀은 캘린더 v2 릴리즈를 앞두고 열심히 준비 중인데요, 곧 정식 릴리즈가 될 예정이니 많은 관심 부탁드립니다.
dialog 요소가 가진 슈퍼 파워 알아보기
오래 전, 2014년에 dialog 요소가 Chromium 37에 착륙했다. 이 아이디어는 모달, 다이얼로그와 팝업을 쉽게 생성하도록 하는 것이다.
다음 페인트에 대한 상호작용(Interaction to Next Paint, INP)
응답성(페이지가 사용자의 입력에 얼마나 빨리 응답하는지)은 사용자 경험에 매우 중요하다. Chrome 사용 데이터에 따르면 사용자 시간의 대략 90%가 페이지가 로드된 후에 사용되므로 응답성을 신중하게 측정하는 것이 중요하다. 특히 웹 사이트가 상호작용을 제공하기 위해 자바스크립트에 의존하는 경우가 많아짐에 따라 더 중요해졌다. 이것이 INP가 측정하는 것이며, 이는 페이지의 전체 라이프사이클을 포함한다.
안정적인 SPA 리팩터링을 위한 준비 전략
필자가 꽤 오래 몸담고 있던 프로젝트의 지원 업무가 종료되어 몇 달 전 새로운 SPA 프로젝트에 투입되었다. 필자의 팀원들은 필자보다 몇 달 먼저 이 신규 프로젝트에 편입되어 인수인계를 마치고 개발과 운영을 진행하는 중이었다. 필자와 팀이 새로운 프로젝트의 구조를 보다 명확하게 설계하고 요구사항의 변화에 더욱 기민한 코드로 리팩터링 하기 위해 고민했던 팀의 개발 전략과, 그 접근 방식으로 개발을 어떻게 진행할 것인지 공유하고자 한다.
페이지 3 / 3 (총 50개)