배경 웹뷰 기반 하이브리드 앱에서는 네이티브와 웹의 상호작용이 매우 중요하다. 특히 뒤로가기와 같은 기본적인 네비게이션 동작은 사용자 경험에 직접적인 영향을 미치는 요소이다. 최근 진행 중인 프로젝트는 네이티브 앱 내에서 대부분의 페이지가 웹뷰로 되어있는 서비스이다. 네이티브 앱과 웹뷰 조합의 서비스에서는 여러 가지 고려해야 할 사항이 많지만, 뒤로 가기…
원문 : React Tech Stack [2025] 리액트 생태계에서는 항상 새로운 기술들이 등장하고 있습니다. 이번 글에서는 2025년에 풀스택 애플리케이션을 개발하기 위한 인기 있는 리액트 기술 스택 하나(!)를 탐구해 보겠습니다. 이를 통해 여러분만의 제품(예: SaaS) 또는 최소한의 MVP를 만들 수 있을 것입니다. 애초에 이 가이드를 쓴 이유는…
한 해를 돌아보기 위해 올해도 회고를 작성하게 되었다. 벌써 이번이 네 번째 회고이다. 작년 회고에서 작년을 단어로 표현했을 때, ‘게으름’과 ‘안주’라는 표현을 했었다. 그 회고가 효과가 있었는지 올 한 해는 ‘게으름’과 ‘안주’에서 벗어나, ‘도전’의 한 해였다고 생각한다. 먼저 짧게 한 해를 돌아보자면, 상반기에는 이직에 대한 도전과 이직 후 환경의…
책 썸네일 이 책은 루 샤오펑이라는 분이 쓰신 책으로 제목 그대로 컴퓨터의 밑바닥, 즉 컴퓨터의 저수준 계층에서는 어떤 일이 일어나는지에 대해 쉽고도 자세하게 설명해주는 책입니다. 책을 읽은 계기 이번에 글벗의 책 들중 하나에 응모하여 책을 받을 수 있는 기회가 있었는데, 저는 <컴퓨터 밑바닥의 비밀> 을 선택했고, 감사하게도 기회를 얻어 책을 읽게 되었…
react native 원문 : New Architecture is here 새로운 아키텍처가 기본으로 포함된 리액트 네이티브 0.76을 이제 npm에서 사용할 수 있습니다! 0.76 릴리스 블로그 게시물에서 이번 버전에 포함된 주요 변경 사항 목록을 공유했습니다. 이번 게시물에서는 새로운 아키텍처 개요와 이 아키텍처가 리액트 네이티브의 미래를 어떻게 변…
이번 글의 주제는 이다. 컨벤션에 대해서 말할 때 누군가는 자질구레한 부분이라고 할 수도 있고, 또 다른 누군가는 꼭 필요한 것이라고 할 수도 있다. 하지만 내가 지금까지 일해오면서 느껴온 컨벤션은 적당한 그 어느 정도의 선을 지킬 때는 여러 가지 긍정적인 영향을 주는 꼭 필요한 것으로 생각한다. 컨벤션이 무엇이고, 어떤 긍정적 영향과 부정적 영향을 주는…
원문 : The Ultimate Guide to Font Performance Optimization 폰트 성능 최적화는 웹사이트의 폰트 로딩 속도를 높이고 더 부드럽게 렌더링 되도록 하는 다양한 웹 개발 기법을 말합니다. 이러한 최적화에는 신중한 폰트 선택, 성능이 우수한 폰트 포맷 사용, 자체 호스팅, 최적화된 선언, 폰트 디스플레이 전략 등이 포함…
최근 Next 14 환경에서 신규 프로젝트를 개발하던 중 Next.js의 환경 변수 관련 문제로 애먹었던 적이 있어서 이번 기회에 환경 변수에 대해 정리해 보려고 한다. 환경 변수는 주로 노출되면 안 되는 민감 정보 및 API 엔드포인트나 API 키 등 빌드 환경별로 달라져야 하는 정보에 쓰인다. 실무에서는 대부분 실행 환경이 구분되고, 외부에 노출되면 …
작년 회고 글에서 막연하게 올해는 커리어적인 유의미한 결과를 얻고 싶다고 적었었는데, 감사하게도 정말 이직을 하게 되어 나의 커리어 두 번째 이직에 대한 회고를 해보려고 한다. 이직 직후에 회고를 작성했으면 어땠을까 하는 생각도 들지만, 여러모로 많은 변화를 겪으면서 적응하는 시기가 필요하기도 해서 거의 반년이 되어가는 시점에 회고하게 되었다. 실제로 이…
원문 : Types of React Components [2024] 2013년 리액트가 출시된 이후 다양한 유형의 컴포넌트가 등장했습니다. 그중 일부는 여전히 최신 리액트 애플리케이션에 필수적이지만, 다른 일부는 이전 세대의 프로젝트에서 주로 사용되며 현재는 더 이상 사용되지 않는(deprecated) 기술입니다. 이 가이드는 초심자를 위해 최신 컴포넌트…