Ykss

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

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

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

(번역) 2025 리액트 기술 스택

1/6/2025

원문 : React Tech Stack [2025] 리액트 생태계에서는 항상 새로운 기술들이 등장하고 있습니다. 이번 글에서는 2025년에 풀스택 애플리케이션을 개발하기 위한 인기 있는 리액트 기술 스택 하나(!)를 탐구해 보겠습니다. 이를 통해 여러분만의 제품(예: SaaS) 또는 최소한의 MVP를 만들 수 있을 것입니다. 애초에 이 가이드를 쓴 이유는…

2024년 회고 남겨보기

12/31/2024

한 해를 돌아보기 위해 올해도 회고를 작성하게 되었다. 벌써 이번이 네 번째 회고이다. 작년 회고에서 작년을 단어로 표현했을 때, ‘게으름’과 ‘안주’라는 표현을 했었다. 그 회고가 효과가 있었는지 올 한 해는 ‘게으름’과 ‘안주’에서 벗어나, ‘도전’의 한 해였다고 생각한다. 먼저 짧게 한 해를 돌아보자면, 상반기에는 이직에 대한 도전과 이직 후 환경의…

책 리뷰 : 컴퓨터 밑바닥의 비밀

12/18/2024

책 썸네일 이 책은 루 샤오펑이라는 분이 쓰신 책으로 제목 그대로 컴퓨터의 밑바닥, 즉 컴퓨터의 저수준 계층에서는 어떤 일이 일어나는지에 대해 쉽고도 자세하게 설명해주는 책입니다. 책을 읽은 계기 이번에 글벗의 책 들중 하나에 응모하여 책을 받을 수 있는 기회가 있었는데, 저는 <컴퓨터 밑바닥의 비밀> 을 선택했고, 감사하게도 기회를 얻어 책을 읽게 되었…

(번역) 리액트 네이티브의 새로운 아키텍처가 출시되었습니다

12/16/2024

react native 원문 : New Architecture is here 새로운 아키텍처가 기본으로 포함된 리액트 네이티브 0.76을 이제 npm에서 사용할 수 있습니다! 0.76 릴리스 블로그 게시물에서 이번 버전에 포함된 주요 변경 사항 목록을 공유했습니다. 이번 게시물에서는 새로운 아키텍처 개요와 이 아키텍처가 리액트 네이티브의 미래를 어떻게 변…

컨벤션에 대하여 : 여러분의 컨벤션은 안녕하신가요?

11/23/2024

이번 글의 주제는 이다. 컨벤션에 대해서 말할 때 누군가는 자질구레한 부분이라고 할 수도 있고, 또 다른 누군가는 꼭 필요한 것이라고 할 수도 있다. 하지만 내가 지금까지 일해오면서 느껴온 컨벤션은 적당한 그 어느 정도의 선을 지킬 때는 여러 가지 긍정적인 영향을 주는 꼭 필요한 것으로 생각한다. 컨벤션이 무엇이고, 어떤 긍정적 영향과 부정적 영향을 주는…

(번역) 폰트 성능 최적화를 위한 궁극적인 가이드

11/19/2024

원문 : The Ultimate Guide to Font Performance Optimization 폰트 성능 최적화는 웹사이트의 폰트 로딩 속도를 높이고 더 부드럽게 렌더링 되도록 하는 다양한 웹 개발 기법을 말합니다. 이러한 최적화에는 신중한 폰트 선택, 성능이 우수한 폰트 포맷 사용, 자체 호스팅, 최적화된 선언, 폰트 디스플레이 전략 등이 포함…