토스 A11y Fundamentals - 접근성
올해 8월에 런칭된 토스의 A11y Fundamentals. “접근성은 어렵다”는 인식을 낮추고 실무에서 바로 적용할 핵심 규칙과 흔한 실수를 명쾌하게 정리해준다. 특히 버튼 안에 버튼을 넣지 않기, 이름 없는 인터랙티브 요소 금지, 역할과 동작의 일치, 시각 정보 보...
Frontend2025년 10월 01일
구글 캘린더 클론 토이 프로젝트
📎 GitHub: https://github.com/wayandway/googlecalendar 여러 일정 관리 웹앱을 사용해봤지만, 가장 기본적인 뼈대를 가진? 서비스는 구글 캘린더라고 생각했다. UI가 직관적이며, 반복 일정, DnD, 월/주/일 뷰 전환 같은 기...
개발노트2025년 08월 02일
RSC — 서버 컴포넌트와 클라이언트 컴포넌트 이해하기
Next.js 13 이후로 React는 서버 컴포넌트(Server Component) 개념을 본격적으로 도입했다. 처음 문서만 읽었을 때는 기존 CSR, SSR과 뭐가 다르지?하고 이해를 못했었는데, 실제로 프로젝트에 적용해보며 렌더링 방식 자체가 바뀌는 변화라는 점을...
React2025년 05월 05일
토스 Frontend Fundamentals - 코드 퀄리티
올해 초, 토스에서 발행한 Toss Frontend Fundamentals 문서 중 '코드 퀄리티' 부문을 읽었다. 실제 프로젝트에서 코드를 구현하며 생긴 고민들과 겹치는 부분이 많아, 내 경험을 기반으로 내용을 정리하고 실제 코드에 적용 가능한 방안을 살펴보고자 한다...
Frontend2025년 04월 06일
레이아웃 시프트
웹 페이지를 읽고 있는데 버튼이 갑자기 아래로 밀려버려 클릭 위치가 바뀌거나, 텍스트가 화면에서 점프하듯 움직여 당황한 경험이 누구나 한 번쯤 있을 것이다. <br/ 이런 현상을 레이아웃 시프트(layout shift)라고 부르며, 사용자 경험을 해치는 대표적인 문제...
Frontend2025년 03월 02일