신규 서비스 "꿀템"을 만들기 위한 여정(네? 다음달까지요?) -2편
꿀템 서비스의 프론트·백엔드 기술 스택 선택과 구현 과정을 소개했습니다. 또한 자체 QA, Oracle, QueryDSL, 사내 도구 활용 경험과 런칭 성과를 정리했습니다.
#node.js#Fastify
25005분
필터 1
신규 서비스 "꿀템"을 만들기 위한 여정(네? 다음달까지요?) -1편
신규 서비스 ‘꿀템’ 피드의 첫 론칭과 구축 여정을 소개하는 글입니다. 현재 제공된 본문만으로는 구체적인 기술 내용은 확인하기 어렵습니다.
#web#React
17005분
B2C 서비스 레거시의 가르침 - Part2. Planning
운영 중인 B2C 프론트엔드 레거시를 개선하기 위한 플래닝 과정과 원칙을 정리했습니다. 기술 부채 정렬, 점진적 개선, 공유 문화를 통해 팀워크와 서비스 이해도를 높였습니다.
#레거시#JavaScript
22005분
Vite로 구버전 브라우저 지원하기
Vite 레거시 플러그인으로 구버전 Safari와 Chrome의 흰 화면 문제를 해결한 사례를 다루었습니다. targets 설정만으로는 부족해 modernPolyfills를 함께 조정한 과정도 설명했습니다.
#Vite#React
61005분
프로젝트 전체에서 사용되는 패키지, 어떻게 마이그레이션 할까?
프로젝트 전반의 패키지 마이그레이션 사례를 다뤘습니다. Next는 대체 구현으로 전환했고, Recoil은 AST 기반 스크립트로 Jotai로 옮겼습니다.
#migration#Next.js
24005분
여러 프레임워크에서 사용할 수 있는 라이브러리 만들기
Framework Agnostic 개념을 바탕으로 코어와 어댑터를 분리하는 라이브러리 설계 방식을 소개했습니다. Tanstack Query와 계산기 예시로 프레임워크 독립성과 통합 구조를 설명했습니다.
#JavaScript#TypeScript
31005분
React Conf 감상기
React Conf 2024를 시청한 감상과 인상 깊었던 세션 몇 가지를 간단히 소개했습니다. 실시간 대신 공개된 영상으로 전체 세션을 본 소감을 정리했습니다.
#React#컨퍼런스
27005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
리액트 19 신규 기능 및 개선 사항
리액트 19의 신규 기능과 개선 사항을 Actions, use API, 서버 컴포넌트 중심으로 정리했습니다. 또한 메타데이터, 스타일시트, 스크립트, 자원 preloading 등 운영상 개선점도 함께 소개했습니다.
#React#SSR
4005분
styled-components가 런타임에 css를 주입하는 방법
styled-components의 런타임 CSS 주입 흐름과 내부 동작 원리를 단계별로 정리했습니다. 또한 동적 스타일링의 편의성과 런타임 성능 부담, 대안 도구까지 함께 살펴보았습니다.
#styled-components#CSS-in-JS
25005분
더 자유롭고, 빠르고, 정확하게: 토스페이먼츠 API 문서 엔지니어링
토스페이먼츠가 MDX와 OAS, remark를 결합해 API 문서 작성의 자유도와 정확도를 높인 사례를 소개했습니다.\n스펙 자동화와 PR 기반 반영으로 반복 작업을 줄이고 문서 품질을 개선했습니다.
#MDX#OAS
50005분
HBase 오픈소스 전환을 위한 HBH(HitBase Handler) 개발기
CDH 의존을 줄이기 위해 HitBase 전환용 관리 도구 HBH를 개발한 과정을 공유했습니다. 설치 자동화, 프로세스 제어, 잡 실행, 설정 관리, 모니터링 기능을 단계적으로 구현했습니다.
#HBase#Django
31005분
React + TypeScript 전환기 (Feat. msw)
사람인 채용달력 모바일 서비스를 React와 TypeScript로 전환한 사례를 다뤘습니다. 기존 Vue 기반 경험에서 FE 분리 전환 과정과 MSW 활용 맥락을 소개했습니다.
#React#TypeScript
37005분