Frontend 글 모음

비브로스

2022-06-27 · 약 4년 전

안녕하세요~! 비브로스 웹프론트엔드팀 한혜경입니다. 😁

TOAST UI

2022-06-24 · 약 4년 전

필자는 NHN Cloud Console 프론트엔드 코드의 통합 테스트를 진행하고 있다. 현재 테스트는 Node.js 환경에서 Testing Library를 이용하여 진행되며, DOM을 확인하기 위해서 JSDOM을 사용하고 있다. 이 과정에서 발생한 문제를 공유하고자 한다.

재그지그

2022-06-20 · 약 4년 전

클라이언트 사이드 라우팅의 표준화를 위해 새롭게 제안된 Navigation API에 대해 알아봅니다.

화해

2022-06-07 · 약 4년 전

React Hook Form isDirty 웹에서 Form을 다루다 보면 필드 중 하나라도 사용자 입력이 있었는지 알고 싶을 때가 있습니다. React Hook Form을 사용하면 formState 안의 isDirty 또는 dirtyFields 속성을 활용할 수 있습니다.

TOAST UI

2022-06-03 · 약 4년 전

크롬 브라우저가 102로 업데이트(22/05/24)되면서 변경 사항을 확인하다가 HTML 요소에 전역으로 넣을 수 있는 'inert' 속성에 대해서 접하게 되었다. 'inert' 속성이 무엇인지 알아보고 내용을 정리해 보았다.

TOAST UI

2022-06-03 · 약 4년 전

프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 5월호)

카카오페이

2022-05-30 · 약 4년 전

카카오페이에서 프론트엔드 개발을 하며 스켈레톤 UI와 사용자 경험 향상에 대해 고민한 내용을 공유합니다.

재그지그

2022-05-30 · 약 4년 전

슬랙에 최적화된 메타 태그를 설정해서 여러분의 웹사이트 링크 미리보기를 멋지게 꾸며보세요.

TOAST UI

2022-05-30 · 약 4년 전

싱그러운 초여름이 되었습니다.🌿 TOAST UI팀은 캘린더 v2 릴리즈를 앞두고 열심히 준비 중인데요, 곧 정식 릴리즈가 될 예정이니 많은 관심 부탁드립니다.

재그지그

2022-05-28 · 약 4년 전

흔히 코딩 테스트로 일컬어지는 알고리즘 공부의 중요성을 프론트엔드 개발자의 관점에서 생각해봅니다.

트렌비

2022-05-25 · 약 4년 전

리덕스(Redux) 리덕스(Redux)의 필요성 리액트(React)는 상태(State)를 가지고 어떻게 돔(DOM)으로 잘 변형할지에 대해 다루고 있습니다. 여기서 상태란 애플리케이션(Application)이 기본적으로 가지고 있는 아주 중요한 요소인데요. 애플리케이션의 규모가 커질수록 상태 즉 데이터를 관리하기가 매우 까다롭기 때문에 상태를 잘 다루고 실제 돔(DOM)으로 업데이트하기까지 이를 도와주는 라이브러리가 필요합니다. 리액트(Reac

카카오페이

2022-05-20 · 약 4년 전

공식 릴리즈 전인 리액트 서버 컴포넌트에 대해 알아보고 준비해 봅니다.

카카오페이

2022-05-18 · 약 4년 전

Sentry를 통해 프론트엔드에서 발생하는 오류를 신속하게 탐지하고 정확한 원인을 파악하여 빠르게 대응하는 방법을 알아봅니다.

TOAST UI

2022-05-18 · 약 4년 전

오래 전, 2014년에 dialog 요소가 Chromium 37에 착륙했다. 이 아이디어는 모달, 다이얼로그와 팝업을 쉽게 생성하도록 하는 것이다.

TOAST UI

2022-05-12 · 약 4년 전

응답성(페이지가 사용자의 입력에 얼마나 빨리 응답하는지)은 사용자 경험에 매우 중요하다. Chrome 사용 데이터에 따르면 사용자 시간의 대략 90%가 페이지가 로드된 후에 사용되므로 응답성을 신중하게 측정하는 것이 중요하다. 특히 웹 사이트가 상호작용을 제공하기 위해 자바스크립트에 의존하는 경우가 많아짐에 따라 더 중요해졌다. 이것이 INP가 측정하는 것이며, 이는 페이지의 전체 라이프사이클을 포함한다.