토스 Frontend Fundamentals - 코드 퀄리티
올해 초, 토스에서 발행한 Toss Frontend Fundamentals 문서 중 '코드 퀄리티' 부문을 읽었다. 실제 프로젝트에서 코드를 구현하며 생긴 고민들과 겹치는 부분이 많아, 내 경험을 기반으로 내용을 정리하고 실제 코드에 적용 가능한 방안을 살펴보고자 한다...
Frontend2025년 04월 06일
React로 사고하기 & 트리로서 UI 이해하기
이번 글에서는 React의 기본 철학 중 하나인 React로 사고하기와 트리로서 UI 이해하기에 대해 다뤄보고자 한다. UI를 어떻게 분해하고 데이터를 어떻게 흐르게 하며, 컴포넌트를 어떻게 구성해야 하는지를 단계적으로 보자. React로 사고한다는 것은 단순히 , ...
React2025년 02월 04일
스마일게이트 데브캠프 리팩토링 데이
스마일게이트 데브캠프 1차 합격한 후 최종면접을 보고 왔으나, 아쉽게도 합격하진 못했다. 하지만 스마일게이트 측에서 지원자들을 위해 특별히 마련한 리팩토링 데이에 참석하며 뜻깊은 시간을 보낼 수 있었다. 이 날은 스마일게이트 현직자이신 30년 이상의 경력을 지닌 시니어...
기타2024년 12월 28일
1인 프로젝트 FSD(Feature-Sliced-Design) 도입기
최근 개인 프로젝트에서 FSD(FeatureSlicedDesign) 아키텍처를 도입해보고 있다. 이번 글에서는 FSD의 개념과 Next.js App Router 프로젝트에 적용하는 과정에서의 경험을 정리하고자 한다. FSD(FeatureSlicedDesign)는 애...
Frontend2024년 12월 28일
모던 자바스크립트 Deep Dive | 프로미스
45장 프로미스 예전에 부트캠프에서 와 를 간단히 정리한 적이 있었는데, 이번에는 딥다이브 책을 공부하면서 다시 한 번 자세히 정리해보고자 한다. 자바스크립트에서 비동기 처리를 다루는 대표적인 패턴은 콜백이었다. 하지만 콜백 패턴은 콜백 지옥(Callback Hell...
JavaScript2024년 12월 04일