Raincoat
프론트엔드 개발자 우상욱의 실무 개발 기록
React Next.js Vue TypeScript JavaScript NestJS
Oracle SQL 완전 가이드 — 개념부터 실무까지
Oracle SQL을 처음 배우는 사람부터 현업 개발자까지 쓸 수 있는 완전 가이드. 개념 → 문법 → 예시 → 실무 주의사항 순으로 정리했습니다.
nuqs로 URL 쿼리 파라미터 상태 관리하기
nuqs의 useQueryState·useQueryStates로 URL 쿼리 파라미터를 타입 안전하게 React state처럼 다루는 방법을 정리합니다. 파서 종류, 옵션, 검색·필터·페이지네이션 실무 예제까지 한 번에.
AG Grid Tooltip 사용법 — tooltipField · tooltipValueGetter · tooltipShowDelay
AG Grid tooltipField, tooltipValueGetter, headerTooltip, tooltipShowMode, tooltipShowDelay 설정 방법을 JavaScript·React 예제와 함께 한 번에 정리합니다.
Git 완전 가이드 — 기초부터 브랜치 전략, GitHub Flow, 복구까지
Git 기초 개념과 명령어부터 master/stage/production 브랜치 전략, GitHub Flow 실전 사례, 실수 복구 방법까지 하나의 글로 정리합니다.
개발이 편해지는 IntelliJ 플러그인 추천 (2026년 최신)
실무에서 효과가 큰 IntelliJ 플러그인을 필수 / 권장 / 추가 추천 / 유료 / 내장으로 나눠 정리했습니다. Rainbow Brackets, GitToolBox, MyBatisX 등 바로 체감되는 플러그인을 소개합니다.
Firebase CLI 설치 가이드 — npm 설치, 로그인, init, deploy 완전 정리
Firebase CLI 최신 버전 설치부터 프로젝트 초기화·배포까지. npm install -g firebase-tools, firebase login, firebase init, deploy를 단계별로 정리합니다.
Supabase 무료 플랜 자동 정지 방지 — GitHub Actions keep-alive 완전 가이드
Supabase Free 플랜 7일 비활성 자동 정지를 GitHub Actions cron으로 막는 방법. RPC 호출 + health check 폴백 구조로 안정적인 keep-alive를 구현합니다.
AG Grid v21 → v35 마이그레이션
AG Grid v21에서 v35 마이그레이션 시 필수로 처리해야 할 변경사항. rowSelection, cellRendererFramework, CSS 경로, Module 등록, setGridOption API 통합까지 실무 기준 완전 정리.
AG Grid 공통 래퍼 설계 (Client / Server)
AG Grid v35 기준으로 실무에서 쓰는 공통 래퍼 설계 방법. AgGridProvider로 모듈과 라이선스를 주입하고, ClientSideGrid와 ServerSideGrid를 분리하는 구조를 설명합니다.
React useMemo · useCallback · memo 차이 — 언제 써야 하나 실전 가이드
React.memo, useMemo, useCallback의 차이점과 올바른 사용 시점. 불필요한 리렌더링을 막는 최적화 패턴을 실전 예제와 함께 정리합니다.
우상욱 이력서
프론트엔드 개발자 우상욱의 경력 및 프로젝트 이력서입니다.
AG Grid Drawer + URL 상태 동기화 — 새로고침 복원 패턴
AG Grid 목록에서 상세 Drawer를 열고 URL에 상태를 저장해 새로고침해도 복원되는 패턴. getRowId, ensureNodeVisible, useNavigate와 함께 Row 자동 선택·스크롤까지 정리합니다.