Ykss

고이게 두지 않고 흘려보내는 개발자가 되자.

React Router의 useBlocker 훅을 통한 웹뷰 환경의 안드로이드 물리 버튼 뒤로 가기 처리

4/14/2025

웹앱 개발에서 특히 안드로이드 웹뷰 환경을 다루다 보면 물리 뒤로 가기 버튼 처리가 까다로운 문제가 되곤 한다. 이 글에서는 이러한 문제 상황을 React Router의 훅을 활용해 안정적으로 해결하는 방법을 알아보려고 한다. 문제 상황: 안드로이드 웹뷰의 뒤로 가기 처리 일반적으로 안드로이드 웹뷰에서는 브라우저의 히스토리 스택을 기반으로 뒤로 가기를 …

(번역) 2025년 리액트 트렌드

4/8/2025

원문 : React Trends in 2025 저는 매년 리액트 세계에서 가장 중요한 트렌드에 대해 논의합니다. 이번 글에서는 여러분이 2025년에 주목해야 할 리액트 트렌드를 살펴보겠습니다. 초보 개발자든 숙련된 개발자든, 이 트렌드를 통해 최신 리액트 생태계의 발전을 따라갈 수 있을 것입니다. 리액트 서버 컴포넌트(RSC) 리액트 서버 컴포넌트는 지금…

글또 10기를 마치며

3/30/2025

글또 10기를 시작하며 다짐 글을 썼던 게 오래되지 않은 것 같은데, 어느새 회고 글을 작성하게 되었다. 벌써 5개월이라는 시간이 흘렀다는 게 신기하지만, 이전 다짐 글에 작성했던 다짐과 액션 아이템을 돌아보며 글또 활동에 대해 돌아보고자 한다. 내 다짐 돌아보기 글또를 시작하며 얻고자 했던 것들에 대해 하나씩 돌아보고자 한다. 1. 꾸준한 글쓰기 습관 …

핑계 대지 않는 개발자

3/16/2025

들어가며 요즘 개발자로서 나에게 있어 가장 무서운 것은 쌓여가는 연차(not 휴가)이다. 연차가 쌓여가는 것이 무섭고, 너무 빠르게 쌓여가는 것 같아 야속하게 느껴지기도 한다. 물론, 연차와 실력이 비례하는 것은 아니겠지만, 연차가 쌓여감에 따라 그 연차에 맞는 실력과 경험을 기대하는 것은 당연하다. 그렇기 때문에 나는 내 자신을 객관적으로 바라본다면 내…

(번역) 자바스크립트에서 긴 작업을 분할하는 다양한 방법

3/4/2025

원문 : There are a lot of ways to break up long tasks in JavaScript 이벤트 루프의 여러 틱에 걸쳐 길고 비용이 많이 드는 작업을 의도적으로 분할하는 것은 매우 일반적입니다. 하지만 선택할 수 있는 접근 방식은 매우 다양합니다. 몇 가지 방법을 살펴보겠습니다. 메인 스레드에서 길고 부하가 큰 작업을 실행하도…

알아두면 쓸모 있는 프런트엔드 개발자 북마크

3/1/2025

이번 글에서는 프런트엔드 개발자로서 알아두면 쓸모 있는 10가지 북마크 사이트를 소개해 보려고 한다. 사실 소개하는 사이트들은 대부분의 개발자가 이미 많이 접하고, 이용하고 있는 사이트일 것이다. 그럼에도 아직 접해보지 않은 개발자들이 있을 것 같아 이 글을 작성하게 되었다. 깊이 있는 내용이 아니기 때문에 가볍게 읽어보면 좋을 것 같다. 1. 스탯 카운…

Next.js의 렌더링 방식 이해하기

2/15/2025

Next.js 15에서는 Partial Prerendering을 지원하기 시작하면서, 제대로 사용하기 위해서는 렌더링 방식에 대한 이해가 더욱 중요해졌다. 어렴풋이는 알지만 헷갈리는 개념들이 있었는데, 이 글을 통해 Next.js가 어떻게 렌더링 방식을 구분하고 처리하는지 정리해보려고 한다. 1. Next.js의 렌더링 패턴 이해하기 Next.js는 상황…

(번역) 잘 가 SASS 👋, 다시 만나 반가워 네이티브 CSS

2/4/2025

원문 : Goodbye SASS 👋, welcome back native CSS thumbnail Sass는 로컬에 설치되는 강력한 전처리기로 자리 잡으며 지난 10년 동안 제 프로젝트의 핵심을 이루었습니다. 이는 확장 가능하고 안정적인 CSS 패키지를 효율적으로 구성할 수 있게 해 주었습니다. 지금도 Sass는 굉장히 강력한 도구라고 생각합니다. 하지만…

2025년 리액트 네이티브로 프로젝트 시작하기

2/2/2025

이 글은 사이드 프로젝트를 진행하기에 앞서 RN을 선택한 이유와 21년까지 경험했던 RN 이후 현재까지의 변경된 내용들에 대한 팔로업에 초점이 맞추어져 있다. 따라서 리액트 웹 개발자가 RN으로 앱 개발을 시작하려 할 때 참고할 수 있다면 좋을 것 같다. 배경 올해 목표 중 하나는 오랫동안 미뤄왔던 사이드 프로젝트를 시작하는 것이었다. 물론 완성까지 하면…

History API vs React Router: 웹뷰 오버레이 컴포넌트(드로어, 바텀시트, 모달)의 뒤로가기 처리

1/18/2025

배경 웹뷰 기반 하이브리드 앱에서는 네이티브와 웹의 상호작용이 매우 중요하다. 특히 뒤로가기와 같은 기본적인 네비게이션 동작은 사용자 경험에 직접적인 영향을 미치는 요소이다. 최근 진행 중인 프로젝트는 네이티브 앱 내에서 대부분의 페이지가 웹뷰로 되어있는 서비스이다. 네이티브 앱과 웹뷰 조합의 서비스에서는 여러 가지 고려해야 할 사항이 많지만, 뒤로 가기…