Dongyeon.log

Dongyeon.log https://ksr20612.github.io/blog/ FE · a11y · HCI · Inclusive Design · Assistive Technology ko 앰플리튜드 Guides를 통해 푸시 팝업 매끄럽게 유도하기 https://ksr20612.github.io/blog/posts/2026-08-30/ https://ksr20612.github.io/blog/posts/2026-08-30/ Sun, 30 Aug 2026 00:00:00 GMT 앰플리튜드 Guides & Surveys를 통해 하이브리드앱에 빠르게 팝업을 띄워 푸시 설정을 유도해보았습니다. Velog에 지쳐서 이주를 결심한 개발자 https://ksr20612.github.io/blog/posts/2026-07-09/ https://ksr20612.github.io/blog/posts/2026-07-09/ Thu, 09 Jul 2026 00:00:00 GMT Velog를 떠나 svelte 기반의 개인 블로그로 이주하기까지의 기록 NPM OIDC Trusted Publishing의 한계와 그 보안 https://ksr20612.github.io/blog/posts/2026-06-10/ https://ksr20612.github.io/blog/posts/2026-06-10/ Wed, 10 Jun 2026 00:00:00 GMT Miasma 공격 사례와 마주하며 Github Environment 규칙을 추가하고 DX 강화하기 모바일 서비스에 전략적으로 햅틱 피드백 녹여내기 https://ksr20612.github.io/blog/posts/2026-05-11/ https://ksr20612.github.io/blog/posts/2026-05-11/ Mon, 11 May 2026 00:00:00 GMT 최근 ⏱️째깍악어🐊 서비스의 일부 인터랙션에 네이티브 햅틱 피드백을 적용했습니다. 이 글에서는 몇 편의 햅틱 관련 연구와 실제 사용성 검증을 소개하며 햅틱 피드백의 설계 방식을 공유해보려 합니다. getSnapshotBeforeUpdate: 함수형 컴포넌트에서 사라진 한 시점에 대한 이야기 https://ksr20612.github.io/blog/posts/2026-05-03/ https://ksr20612.github.io/blog/posts/2026-05-03/ Sun, 03 May 2026 00:00:00 GMT 함수형 컴포넌트에서 getSnapshotBeforeUpdate가 필요한 이유. 그리고 react-snapshot-bridge를 만든 이유. 데이터 기반의 프리로드 최적화 전략: 사용자 여정 분석을 통해 모바일 성능 개선하기 https://ksr20612.github.io/blog/posts/2026-04-04/ https://ksr20612.github.io/blog/posts/2026-04-04/ Sat, 04 Apr 2026 00:00:00 GMT 페이지 전환의 사용성 개선을 위해 앰플리튜드의 Journey 차트와 이벤트 로그를 활용해 프리로드 전략을 수립해보았습니다. @uturi/sonification의 사용성 테스트를 설계하며(1): 사용성 인터뷰 https://ksr20612.github.io/blog/posts/2026-03-21/ https://ksr20612.github.io/blog/posts/2026-03-21/ Sat, 21 Mar 2026 00:00:00 GMT 멀티모달 UI 라이브러리 @uturi/sonification의 사용성과 효과성을 검증을 위해 고민했던 지점들과 사용자들과 만나며 얻은 인사이트를 정리해 보았습니다. 접근성 측면에서 분석한 무한 스크롤과 그 대안 https://ksr20612.github.io/blog/posts/2026-02-14/ https://ksr20612.github.io/blog/posts/2026-02-14/ Sat, 14 Feb 2026 00:00:00 GMT 사용자를 붙잡는 무한 스크롤, 정말 모두에게 좋은 UX일까요? 접근성 측면에서 무한 스크롤을 분석하고 ⏱️째깍악어🐊의 사례에서 인클루시브한 대안을 고민해 봅니다. MCP 서버 개발기: MCP에서 해석을 제한하는 방법 https://ksr20612.github.io/blog/posts/2026-02-07/ https://ksr20612.github.io/blog/posts/2026-02-07/ Sat, 07 Feb 2026 00:00:00 GMT 에이전트가 잘 소화할 수 있는 정보와 맥락의 전달 방식에 대해서 고민했던 지점들을 모아 정리해 보았습니다. AUX: 더 극단적이고 서늘한 UX https://ksr20612.github.io/blog/posts/2026-01-17/ https://ksr20612.github.io/blog/posts/2026-01-17/ Sat, 17 Jan 2026 00:00:00 GMT AI가 사용자가 되었을 때 UX는 무엇이 되는가 연말 회고보다 V8 GC 딥다이브 https://ksr20612.github.io/blog/posts/2025-12-28/ https://ksr20612.github.io/blog/posts/2025-12-28/ Sun, 28 Dec 2025 00:00:00 GMT 성능 최적화 과정에서 V8 GC 메커니즘과 React 메모리 모델을 연결해보고, 실무에서 어떤 인사이트를 얻을 수 있는지 정리해보았습니다. JSDOM 환경에서 AudioContext 통합 테스트 구축하기 https://ksr20612.github.io/blog/posts/2025-11-16/ https://ksr20612.github.io/blog/posts/2025-11-16/ Sun, 16 Nov 2025 00:00:00 GMT JSDOM 환경에서 AudioContext를 통합 테스트한 삽질기 공감각과 접근성: @uturi/sonification을 베타 릴리즈하며 https://ksr20612.github.io/blog/posts/2025-10-12/ https://ksr20612.github.io/blog/posts/2025-10-12/ Sun, 12 Oct 2025 00:00:00 GMT @uturi/sonification의 시작을 돌아보고, 현재까지 어떤 길을 걸어왔고, 어떤 길을 향해갈지 공유해보려 합니다. 넓어진 제스처 영역, 정말 편리할까? - iOS 26의 새로운 스와이프 방식에 대한 고찰 https://ksr20612.github.io/blog/posts/2025-09-29/ https://ksr20612.github.io/blog/posts/2025-09-29/ Mon, 29 Sep 2025 00:00:00 GMT iOS 26에서 새롭게 도입된 ‘유니버설 스와이핑’을 닐슨의 휴리스틱, WCAG, 그리고 애플의 설계 철학 관점에서 살펴보고, 째깍악어 사례와 함께 앞으로의 가능성을 짚어봅니다. 속도 기반 모멘텀 스크롤 직접 구현하기 https://ksr20612.github.io/blog/posts/2025-08-17/ https://ksr20612.github.io/blog/posts/2025-08-17/ Sun, 17 Aug 2025 00:00:00 GMT 컴포넌트에 물리 법칙과 유사한 모멘텀 스크롤 직접 구현하기 Disabled Button, 과연 최선일까? https://ksr20612.github.io/blog/posts/2025-08-02/ https://ksr20612.github.io/blog/posts/2025-08-02/ Sat, 02 Aug 2025 00:00:00 GMT disabled Button 사례를 통해 '표준'의 의미에 대해서 다시 생각해보자. 디자인 시스템 접근성 개선기 (2) https://ksr20612.github.io/blog/posts/2025-07-26-2/ https://ksr20612.github.io/blog/posts/2025-07-26-2/ Sat, 26 Jul 2025 00:00:00 GMT 지난 2개월 간 틈틈이 째깍악어 디자인 시스템의 접근성을 개선해왔습니다. 아직 해결해야 할 과제들이 많지만, 이 글을 통해 그간의 여정과 고민을 기록하고자 합니다. 접근성이란 주제에 대한 인식을 조금이나마 높이는 계기가 되길 바랍니다. 디자인 시스템 접근성 개선기 (1) https://ksr20612.github.io/blog/posts/2025-07-26/ https://ksr20612.github.io/blog/posts/2025-07-26/ Sat, 26 Jul 2025 00:00:00 GMT 지난 2개월 간 틈틈이 째깍악어 디자인 시스템의 접근성을 개선해왔습니다. 아직 해결해야 할 과제들이 많지만, 이 글을 통해 그간의 여정과 고민을 기록하고자 합니다. 접근성이란 주제에 대한 인식을 조금이나마 높이는 계기가 되길 바랍니다. 야무지게 Copilot Chat 활용하기 https://ksr20612.github.io/blog/posts/2024-03-03/ https://ksr20612.github.io/blog/posts/2024-03-03/ Sun, 03 Mar 2024 00:00:00 GMT 가서 Copilot을 칭찬해주세요. 프론트엔드 개발자의 Nest.js API 서버 개발기(2) https://ksr20612.github.io/blog/posts/2024-02-11/ https://ksr20612.github.io/blog/posts/2024-02-11/ Sun, 11 Feb 2024 00:00:00 GMT App Runner, VPC, ECR, Github Actions를 활용하여 API 서버를 배포하였습니다. 프론트엔드 개발자의 Nest.js API 서버 개발기(1) https://ksr20612.github.io/blog/posts/2024-02-10/ https://ksr20612.github.io/blog/posts/2024-02-10/ Sat, 10 Feb 2024 00:00:00 GMT 얼떨결에 백엔드 경험이 있던 제가 API 서버를 전담하여 개발하게 되었는데요, 서버를 설계하고 개발하면서 고민했던 여섯 가지 지점들을 복기하며 후기를 남겨보았습니다. PlayWright E2E에서 오디오(녹음) 사용하기 https://ksr20612.github.io/blog/posts/2023-09-18/ https://ksr20612.github.io/blog/posts/2023-09-18/ Mon, 18 Sep 2023 00:00:00 GMT 녹음 시나리오는 어떻게 테스트할까요? [초월번역] React에 적용하는 SOLID 원칙 https://ksr20612.github.io/blog/posts/2023-09-12/ https://ksr20612.github.io/blog/posts/2023-09-12/ Tue, 12 Sep 2023 00:00:00 GMT [초월번역주의] React와 SOLID 원칙에 관한 짧은 글을 읽고 우리말로 옮겨보았습니다. framer-motion과 Flubber를 이용해 우아한 svg 애니메이션 만들기 https://ksr20612.github.io/blog/posts/2023-09-10/ https://ksr20612.github.io/blog/posts/2023-09-10/ Sun, 10 Sep 2023 00:00:00 GMT motionValue와 useTransition, flubber를 이용해 자연스러운 svg 애니메이션을 구현해보자! 서비스에 React-query를 도입하며 마주한 문제들 https://ksr20612.github.io/blog/posts/2023-09-09/ https://ksr20612.github.io/blog/posts/2023-09-09/ Sat, 09 Sep 2023 00:00:00 GMT 서비스에 React-query를 도입하며 마주친 문제들을 어떻게 해결하였는지 적어내려 보았습니다. [초월번역] Axios vs. Alova https://ksr20612.github.io/blog/posts/2023-09-08/ https://ksr20612.github.io/blog/posts/2023-09-08/ Fri, 08 Sep 2023 00:00:00 GMT [초월 번역 주의] Axios의 대항마로 등장한 Alova에 대해서 알아보았습니다. css trick을 이용한 프로그레스 애니메이션 https://ksr20612.github.io/blog/posts/2023-08-30/ https://ksr20612.github.io/blog/posts/2023-08-30/ Wed, 30 Aug 2023 00:00:00 GMT background: linear-gradient() 을 이용하여 프로그레스 바 애니메이션을 구현하였습니다. Figma: Dev Mode 리뷰 https://ksr20612.github.io/blog/posts/2023-08-29/ https://ksr20612.github.io/blog/posts/2023-08-29/ Tue, 29 Aug 2023 00:00:00 GMT 1개월 조금 넘는 기간 동안 Dev Mode를 사용해보면서 좋았던 점과 아쉬웠던 점을 정리해보았습니다. Fiber Reconciler 면밀히 살펴보기 https://ksr20612.github.io/blog/posts/2023-08-27/ https://ksr20612.github.io/blog/posts/2023-08-27/ Sun, 27 Aug 2023 00:00:00 GMT 답답해서 코드를 까봤습니다. 객체 리터럴 선언과 렉시컬 스코프 https://ksr20612.github.io/blog/posts/2023-08-17/ https://ksr20612.github.io/blog/posts/2023-08-17/ Thu, 17 Aug 2023 00:00:00 GMT 렉시컬 스코프와 관련하여 결과가 직관적이지 않은 코드를 마주쳐 기록 및 분석하였습니다. 애자일한 그룹 만들기 https://ksr20612.github.io/blog/posts/2023-07-19/ https://ksr20612.github.io/blog/posts/2023-07-19/ Wed, 19 Jul 2023 00:00:00 GMT 애자일한 그룹에 대한 회고. DNS의 구성과 기능 알아보기 https://ksr20612.github.io/blog/posts/2023-06-29/ https://ksr20612.github.io/blog/posts/2023-06-29/ Thu, 29 Jun 2023 00:00:00 GMT [그림으로 공부하는 TCP/IP 구조]를 읽고 정리해보았습니다. Property 'toEqual' does not exist on type 'Assertion' https://ksr20612.github.io/blog/posts/2023-06-11-2/ https://ksr20612.github.io/blog/posts/2023-06-11-2/ Sun, 11 Jun 2023 00:00:00 GMT cypress를 도입하면서, jest의 toEqual 프로퍼티를 찾지 못하는 현상이 발생하였습니다. TypeScript Jest: Cannot use import statement outside module https://ksr20612.github.io/blog/posts/2023-06-11/ https://ksr20612.github.io/blog/posts/2023-06-11/ Sun, 11 Jun 2023 00:00:00 GMT SyntaxError: Cannot use import statement outside a module 를 만나버렸습니다. 리액트는 항상 옳을까? https://ksr20612.github.io/blog/posts/2023-06-10/ https://ksr20612.github.io/blog/posts/2023-06-10/ Sat, 10 Jun 2023 00:00:00 GMT 주니어 프런트엔드 개발자, 리액트의 중심에서 반리액트를 외치다? 쉽게 풀어 쓴 Next.js 13 도입기 https://ksr20612.github.io/blog/posts/2023-06-06/ https://ksr20612.github.io/blog/posts/2023-06-06/ Tue, 06 Jun 2023 00:00:00 GMT 로키토키 서비스에서의 니즈와 일치하는 부분이 있어 발빠르게 Next.js 13을 적용해보았습니다.