article
직접 개발하면서 해결한 트러블 슈팅과, 좋은 콘텐츠를 통해 얻은 영감, 그리고 간단한 회고들이 모여있습니다.
인턴쉽 첫 번째 회고
NAVER LABS에서 3달 동안 배운 것을 기록합니다.
OpenCode 오픈소스 코드 분석
AI Agent 오픈소스 OpenCode를 분석합니다.
OpenCode 회사에서 써도 될까?
OpenCode를 사용할 때 코드 유출이 안되는지 분석합니다.
대용량 데이터 export 개선
400,000개의 data export시 청크&병렬 처리로 다운로드 속도를 10~15배 개선하였습니다.
View Transitions API — 웹에서 네이티브급 전환 효과 만들기
View Transitions API로 웹 앱에 부드러운 페이지 전환을 구현하는 방법을 알아본다.
2025년 프론트엔드를 정의한 10가지 사건
LogRocket의 Frontend Wrapped 2025를 리뷰하며, 지난 한 해 프론트엔드 세계에서 무슨 일이 있었는지 정리합니다.
Biome으로 ESLint + Prettier 한방에 대체하기
Rust 기반 Biome으로 마이그레이션하면 린팅과 포매팅이 20배 빨라진다. 실전 마이그레이션 가이드.
React Server Components 딥다이브
RSC가 무엇이고, 어떻게 동작하며, 왜 프론트엔드의 패러다임을 바꾸고 있는지 깊이 파고듭니다.
AI시대에서 살아남는 개발자란
AI가 빠르게 발전하는 오늘날, 개발자가 가져야할 역량들을 정리합니다.
Next.js PPR — 렌더링 끝판왕이 등장했다
Partial Prerendering으로 정적과 동적의 경계가 사라진다. CSR부터 PPR까지, 렌더링의 최종 진화.
React Compiler — useMemo와 useCallback의 시대가 저물다
React Compiler 1.0이 자동 메모이제이션으로 프론트엔드 최적화의 패러다임을 바꾸고 있다.
토스가 궁금해 한 Git-Docgen 회고
Git diff를 분석해 자동으로 문서를 생성하는 CLI 라이브러리 Git-Docgen을 만들며 토스 1차 과제를 통과한 이야기. npm 224회 다운로드, 청킹, 캐싱 전략까지.
라이브러리의 라이브러리를 바꾸기?!
notion-client가 사용하는 ky 라이브러리가 Next.js 15 환경에서 무한 대기 버그를 일으켰다. 포크 없이 webpack alias로 내부 의존성을 ofetch로 교체한 방법.
렌더링 방식 고찰 (CSR, SSR, SSG, ISR)
CSR, SSR, SSG, ISR의 동작 방식과 성능 지표를 비교합니다.
FastAPI로 API 만들기
Python 백엔드를 처음 만들어보며 FastAPI, PostgreSQL, Cron Job 설계까지. 노션 데이터 동기화 서버 개발기.
PyTorch 공부하기
네이버 부스트캠프 AI 강의를 들으며 정리한 PyTorch 핵심 개념. Tensor, AutoGrad, Dataset, DataLoader, Transfer Learning까지.
좋은 개발자란 무엇일까?
AI가 빠르게 발전하는 오늘날, 개발자가 가져야할 역량들을 정리합니다.
Chrome Extension 만들기 - 자동 번역 기능
영어 자막 강의를 듣기 위해 실시간 자막 번역 Chrome Extension을 직접 만든 과정. manifest.json부터 서비스 워커, CORS 우회, Docker LibreTranslate까지.
스벨트를 통해 리액트를 더 잘 이해하기
FEConf 2025 발표 리뷰 — 왜 모든 프레임워크가 시그널로 가는데 리액트만 안 갈까?
RNN 이론
시퀀스 데이터를 처리하는 RNN의 구조와 Vanishing Gradient 문제, 그리고 이를 해결한 LSTM까지 정리.
CNN 이론과 실습
Convolutional Neural Network의 핵심 개념인 Convolution, ReLU, Pooling, Flattening부터 TensorFlow로 직접 구현까지.
ANN 직접 만들어보기
Artificial Neural Network를 TensorFlow/Keras로 직접 구현하며 데이터 전처리부터 학습, 평가까지 단계별로 정리.
딥러닝이란?
프론트엔드 개발자가 AI 공부를 시작하며 정리한 딥러닝의 핵심 개념. 뉴런, 활성화 함수, 역전파, 경사하강법까지.
네이버 부스트캠프 베이직 과정 회고
취업 준비 겸 참여한 네이버 부스트캠프 베이직 과정. 같은 문제를 다르게 푸는 동료들의 코드에서 배운 것들, 그리고 개발자의 필수 역량에 대한 생각.
토스의 디자인 편집기 ‘데우스’, 이렇게 만들었어요!
토스의 자체 디자인 편집기 Deus의 탄생 배경과 기술적 과제들을 살펴봅니다.
프론트엔드 서비스 최적화
토스가 프론트엔드 서비스를 최적화하는 방법을 알아봅니다.
'가독성 좋은 코드' 란 무엇일까?
토스 개발자들이 말하는 가독성 좋은 코드란 무엇인지 정리합니다.
tailwind도 CSS-in-JS인가요?
CSS-in-JS의 개념과 동작 방식, 주요 라이브러리들을 비교합니다.
토스의 Server Driven UI — 서버가 화면을 결정하는 세상
토스 SLASH 23 리뷰 — Server Driven UI로 앱 업데이트 없이 UI를 바꾸는 아키텍처를 파헤쳐본다.