2026-01-19
Vue
Short
부모 컴포넌트의 초기화 완료 시점 감지하기 (Promise.withResolvers)
Vue에서 부모 컴포넌트의 비동기 초기화 작업이 완료된 시점을 자식 컴포넌트에게 안전하게 전달하는 방법을 알아봅니다. Promise.withResolvers를 활용한 패턴을 소개
'%20stroke='url(%23textGrad)'%20stroke-width='2'/%3e%3c!--%20Hand-drawn%20H%20path%20--%3e%3cpath%20d='M%2038%2032%20Q%2032%2060%2036%2082%20M%2035%2062%20Q%2052%2055%2072%2044%20M%2068%2028%20Q%2065%2060%2072%2082'%20fill='none'%20stroke='url(%23textGrad)'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20filter='url(%23glow)'%20/%3e%3c/svg%3e)
Development Trail
2026년 04월 04일 Sat총 17개 포스트편집자 : 이현수
태그:
주제:
전체보기
Vue (6)
CSS (5)
Android (2)
System (1)
Node (1)
Nuxt (1)
Tailwindcss (1)
2025-12-11
CSS
Short
max-height transition 딜레이
accordion 을 만들며 height 를 조정해 접고 펼침을 구현할 때, 애니메이션의 딜레이가 발생하는 이유와 헤결, 경험을 공유.
2025-08-19
System
Medium
EXIF(Exchangeable Image File Format) 데이터
웹과 안드로이드에서 사진의 EXIF 데이터를 다루는 방법. 브라우저의 보안 특성 상 웹에서는 EXIF 를 의도적으로 누락시킴.
2025-08-11
CSS
Short
word-wrap 이 overflow-wrap 로 변경됨
지금까지 사용했던 word-wrap 이 overflow-wrap 으로 변경되었다.
2025-07-24
CSS
Medium
말줄임 시 text-overflow 와 white-space, width의 관계
텍스트의 말줄임을 구현할 때 text-overflow 와 white-space 사이의 상호작용을 알아봄. 몇 줄에서 줄이느냐에 따라서도 달라진다. flex 박스 모델에서 자식 요소가 빠져나가는 현상과 min-width-0 의 역할 알아보기
2025-03-27
CSS
Short
tailwindcss color 프리셋 적용하기
Tailwind CSS의 테마 커스터마이징 방법을 소개하며, 사용자 정의 색상 변수를 설정하여 디자인을 개선하는 기술을 다룬다. 다양한 테마 설정과 CSS 변수 사용 사례를 통해 원하는 스타일을 구현하는 방법을 배울 수 있다.
2025-03-26
CSS
Short
css variables 에 투명도 조절 (color-mix 함수)
CSS 변수의 투명도를 조절하는 방법을 자세히 다루고, color-mix 함수를 통해 배경에 효과적인 투명도를 적용하는 기법을 소개한다. 다양한 컬러 코드 및 변수를 활용하여 디자인에 깊이를 더하는 방법을 배울 수 있다
2025-03-21
Tailwindcss
Medium
tailwindcss 4.0.8 버전 storybook 호환성 오류
tailwindcss 와 storybook 의 호환성 문제 해결 과정. 특정 버전의 문제로 핫픽스 적용.
2025-01-20
Node
Short
npm 의존성 설치 문제 애플 실리콘에서의 Rollup 패키지 (npm ERR notsup Unsupported platform for rollup-darwin-arm64)
npm의 의존성 설치 실패 문제. @rollup/rollup-darwin-arm64 패키지가 애플 실리콘에서만 설치 가능하다. Windows 및 Linux 환경에서의 설치 불가 원인. optionalDependencies의 사용 방법.
2025-01-20
Nuxt
Medium
Nuxt Pinia 시작하기 + getActivePinia 에러
Nuxt 프로젝트에서 Pinia를 설정하고 사용하는 방법을 안내. Pinia 설치, Nuxt 설정 파일에 추가하는 방법, 스토어 생성을 포함하여 컴포넌트에서의 사용 예시. 서버 사이드 렌더링(SSR) 설정 및 일반적인 오류 해결 방법.
2025-01-14
Vue
Short
Vitest Fake Timer 로 setInterval 테스트 중 다음 루프가 실행 안되는 경우
setInterval 로 돌아가는 로직을 vitest 의 Fake Timer 를 사용해 테스트. fetch 함수가 포함된 interval 로직은 flushPromise 없이 다음 루프가 돌지 않음.
2023-09-26
Vue
Long
Vite vue + Github Pages 페이지 구축
기존 vue-cli 를 사용한 vue 프로젝트로 github pages 를 구축했는데, 대세에 따라 vite 로 변경하기로 했다.
2023-09-16
Android
Short
Postman 으로 FCM 알림 테스트하기
FCM 알림을 테스트하는 간단한 방법. Postman 을 비롯한 curl 기반 HTTP 요청 프로그램으로 테스트하기.
2023-09-07
Android
Short
안드로이드 노티피케이션 번들 데이터 최신화 Android Notification Bundle Data
안드로이드 노티피케이션을 터치해 액티비티를 진입할 때 onCreate 에서 전달받는 데이터가 원치 않는 값으로 들어온다. 해결 방법을 찾아보자.
2022-08-05
Vue
Short
Vue Code Spliting 간단히 알아보기 (+ Prefetch)
Vue 프로젝트의 Code Spliting 이 어떻게 작동하는지와 webpack prefetch 옵션 에 대해서 간략한 설명.
2022-07-12
Vue
Long
Vue2, Vue3 Reactivity 비교 - Vue2 편
Vue2 Vue3 의 Reactivity 비교. Vue2 Reactive에 대한 설명. VNODE, Watcher, Dependency, ref, reactive, update, vue hook 에 대해서 전반적인 설명.
2022-06-24
Vue
Long
Github.io + Vue3 로 블로그 만들기 (수정됨: 06-25)
Github.io 와 Vue3 를 활용해서 블로그를 시작. SPA를 prerendering 하여 개별 페이지를 생성하고, 메타태그를 추가. 구글 검색 엔진에 등록할 사이트맵 자동 생성. 마크다운을 html 로 변환. Google Analytics 도입으로 방문자 수 체크.