TOAST UI

어느 새 따뜻해진 4월입니다. 올해엔 비가 안와서 아름다운 벚꽃을 더 많이 즐길 수 있었습니다. 내년에도 올해처럼 부드러운 봄바람을 맞으며 꽃을 볼 수 있길 기대합니다.

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

최대 컨텐트풀 페인트(LCP)는 내가 가장 좋아하는 코어 웹 바이탈이다. 가장 쉽게 최적화할 수 있으며, 3가지 중에 유일하게 실제와 똑같이 동작한다. 하지만 놀랍게도 크롬UX(CrUX)에서 가장 최적화되지 않은 코어 웹 바이탈이다. 작성 당시 데이터의 절반만 좋은 LCP를 가졌다.

데이터 불변성은 자바스크립트를 비롯한 프로그래밍 언어에서 중요한 자리를 차지해왔다. 여기 부분적으로 불변성을 보장하기 위한 두 가지 자바스크립트 메서드가 있다. 바로 `Object.freeze`와 `Object.seal`이다. 이번 포스트에서는 꽤 헷갈릴 수 있는 두 가지 메서드를 비교해 본다.

반응형 프로그래밍(Reactive Programming)의 개념을 되짚으며 구현 방식 중 하나인 Transparent Reactive Programming을 살펴본 뒤, 최근 주목받고 있는 반응형 라이브러리인 SolidJS가 어떤 특징을 가지고 있는지 살펴본다.

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

타입스크립트의 never 타입은 다른 타입만큼 흔하게 사용되거나 피할 수 없는 것이 아니기 때문에 충분히 논의되고 있지 않다. 타입스크립트 초보자는 조건부 타입 같은 고급 타입을 처리하거나 이해하기 어려운 오류 메시지를 읽을 때만 나타나는 never 타입을 무시할 수 있다.

글자를 바이트 길이로 계산하기 위한 배경지식으로 컴퓨터가 처리할 수 있는 최소 단위인 비트와 바이트의 개념에 대해 알아보고 텍스트 인코딩에 대해 간단히 설명한다. 또한 글자의 바이트 길이를 계산하는 함수를 작성하고, 사용자가 입력한 글자를 바이트 길이로 제한하는 Vue 컴포넌트를 만들 것이다.

최근 협업 도구인 Dooray! 개발을 담당했었다. 두레이에서는 현재 웹 리뉴얼 작업과 함께 타입스크립트와 리액트 프레임워크로의 전환을 진행하고 있다. 이 과정에서 사용하게 된 커스텀 훅과 이를 테스트 라이브러리인 testing-library를 사용해서 테스트하는 방법을 알아보자.

제로 자바스크립트는 최근 자바스크립트 라이브러리에서 생긴 새로운 유행어이다. 필자는 지금이 누구나 알고 있지만 말하지 않는 문제를 해결할 때라고 생각한다. 각각의 라이브러리가 조금씩 다른 것을 이야기하고 있어서 무슨 일이 일어나고 있는지 알기 어렵다. 한번 이를 명확하게 할 수 있을지 확인해보자.