Raincoat
순간을 사랑하는 프론트엔드 개발자 우상욱의 소개 페이지입니다. 사진, 신앙, 커피, 전자기기, 독서 등 일상을 이루는 것들을 소개합니다.
VitePress 댓글 기능 추가
VitePress 블로그에 Utterances로 GitHub 이슈 기반 댓글 기능을 추가하는 방법. 설치부터 커스텀 컴포넌트 적용까지 단계별로 안내합니다.
Tailwind CSS 커스텀 색상(브랜드 컬러) 추가하기
Tailwind CSS 설정 파일에 브랜드 컬러를 추가하고 prefix로 클래스 충돌을 방지하는 방법. extend와 colors 설정으로 디자인 시스템을 구축합니다.
Vue Quasar + AOS 스크롤 애니메이션 적용
Vite + Quasar Vue 프로젝트에 AOS(Animate On Scroll)를 적용하는 방법. 설치, 초기화, data-aos 속성 사용법과 커스텀 설정까지 단계별로 안내합니다.
Vue Composition API 코드 컨벤션 가이드
Vue.js Composition API 기반 코드 컨벤션 완전 가이드. 파일 구조, 변수 네이밍, props/emits 작성 규칙, script setup 패턴을 정리합니다.
GitHub README 잘 쓰는 법
오픈소스·개인 프로젝트 GitHub README 작성 완전 가이드. 프로젝트 소개·설치·사용법·커밋 컨벤션 등 필수 항목을 마크다운 템플릿과 함께 정리합니다.
Quasar + TailwindCSS 함께 사용하기
Vue Quasar 프로젝트에 TailwindCSS를 함께 설치하고 설정하는 방법. 충돌 없이 두 프레임워크를 함께 쓰는 설정을 단계별로 안내합니다.
Vue 필수 라이브러리 모음
Vue 프로젝트에서 검증된 필수 라이브러리 모음. Vue Router, Pinia, VeeValidate, Quasar, VueUse의 특징과 선택 이유를 정리합니다.
NestJS vs Express
Express 대신 NestJS를 선택한 이유. 구조적 아키텍처, 데코레이터 문법, 모듈 기반 확장성, TypeScript 통합의 장점을 실제 개발 관점에서 설명합니다.
Vue vs React
React 대신 Vue.js와 Pinia를 선택한 이유. 직관적인 템플릿 문법, Composition API, 가벼운 학습 곡선 등 Vue가 가진 실질적인 장점을 설명합니다.
Vue "오늘 하루 보지 않기" 팝업 구현
Vue에서 "오늘 하루 보지 않기" 팝업 구현 방법. vue-cookies로 쿠키를 설정해 하루 동안 팝업을 숨기는 예제 코드와 함께 단계별로 정리합니다.
왜 개발자가 되었나요?
프론트엔드 개발자 우상욱의 개발 여정과 개발자로서의 철학을 소개합니다. 사용자 경험을 중시하는 프론트엔드 개발자의 이야기입니다.