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