JavaScript 정규식(RegExp) 완전 정리 — 패턴, 메서드, 실전 예제
이메일·전화번호·비밀번호 등 실무 정규식 패턴부터 match, replace, test, exec 메서드까지. JavaScript 정규식을 한 번에 완전 정리합니다.
JavaScript 배열 메서드 완전 정리 — map, filter, reduce, forEach 실전 예제
map, filter, reduce, forEach, find, some, every 등 JavaScript 배열 메서드를 실전 예제로 완전 정리. for...of 비동기 처리 패턴까지 포함합니다.
Vue 이벤트 핸들링 완전 정리 — v-on, @click, .stop, .prevent 수정자
Vue v-on(@) 이벤트 바인딩부터 .stop, .prevent, .once, .self, .capture 수정자까지. Vue 이벤트 핸들링과 수정자를 표와 실전 예제로 완전 정리합니다.
SQL 한글 ORDER BY 정렬 오류 해결 — MySQL COLLATE, PostgreSQL 설정
SQL ORDER BY에서 한글이 이상한 순서로 정렬될 때 해결 방법. MySQL COLLATE utf8mb4_unicode_ci와 PostgreSQL bytea 캐스팅을 사용한 DBMS별 한글 정렬 처리법을 정리합니다.
es-toolkit 완전 정리 — lodash 대안, 번들 사이즈·성능 비교
lodash 대안 es-toolkit 주요 기능과 실전 사용법. lodash 대비 번들 사이즈·성능 비교, chunk·cloneDeep·debounce 등 자주 쓰는 함수를 정리합니다.
SQL UPDATE WHERE IN — 조회 결과를 바로 수정하는 방법
SQL에서 SELECT로 조회한 ID 목록을 UPDATE WHERE IN으로 즉시 수정하는 방법. 서브쿼리와 JOIN UPDATE 패턴을 MySQL·PostgreSQL 예제로 정리합니다.
VeeValidate + yup으로 Vue 폼 유효성 검증 완전 정리
vee-validate와 yup을 사용한 Vue 폼 유효성 검증 완전 가이드. useField, useForm으로 실시간 검증을 구현하는 예제를 단계별로 정리합니다.
Raincoat
순간을 사랑하는 프론트엔드 개발자 우상욱의 소개 페이지입니다. 사진, 신앙, 커피, 전자기기, 독서 등 일상을 이루는 것들을 소개합니다.
VitePress 댓글 기능 추가 — Utterances GitHub 이슈 연동 완전 가이드
VitePress 블로그에 Utterances로 GitHub 이슈 기반 댓글 기능을 추가하는 방법. 설치부터 커스텀 컴포넌트 적용까지 단계별로 안내합니다.
Tailwind CSS 커스텀 색상(브랜드 컬러) 추가하기 — tailwind.config.js 설정
Tailwind CSS 설정 파일에 브랜드 컬러를 추가하고 prefix로 클래스 충돌을 방지하는 방법. extend와 colors 설정으로 디자인 시스템을 구축합니다.
Vue Quasar + AOS 스크롤 애니메이션 적용 — Vite 프로젝트 설정
Vite + Quasar Vue 프로젝트에 AOS(Animate On Scroll)를 적용하는 방법. 설치, 초기화, data-aos 속성 사용법과 커스텀 설정까지 단계별로 안내합니다.
Vue Composition API 코드 컨벤션 가이드 — 실무 기준 코드 스타일 정리
Vue.js Composition API 기반 코드 컨벤션 완전 가이드. 파일 구조, 변수 네이밍, props/emits 작성 규칙, script setup 패턴을 실무 기준으로 정리합니다.