· software
Next.js 16, React 19 및 Tailwind v4로 포트폴리오를 구축했습니다 – 배운 점
동기 이 글에서는 최신 스택인 Next.js 16, React 19, Tailwind CSS v4를 사용해 새 포트폴리오를 어떻게 구축했는지 단계별로 안내합니다, 또한…
-
- · software
Tailwind v4와 next-themes를 활용한 다크 모드
설치: bash npm install next-themes main.jsx(tsx)에서 설정: import { ThemeProvider } from 'next-themes'; import { StrictMode } from 'react'; import { create…
- · software
CSS @property: 고급 테마
웹 애플리케이션의 테마를 적용할 때, CSS 변수는 값을 관리하는 가장 간단하고 편리한 방법입니다. 이 변수들은 종종 전역 설정에 사용되지만, @pro...
- · software
CSS만 사용해 PWA에서 라이트 및 다크 테마를 지원하는 방법
개요: Web applications는 이제 light와 dark 모드를 모두 지원해야 합니다. 사용자는 선호하는 appearance를 선택할 수 있어야 하며, 이는 ...
- · software
SwiftUI 디자인 토큰 및 테마 시스템 (프로덕션 규모)
SwiftUI 앱이 커질수록 UI 일관성이 깨지기 쉬워집니다. 다음과 같은 현상이 나타납니다: - 약간씩 다른 padding 값 - 일관되지 않은 corner radii - 무작위 색상 hard‑coded …
- · software
mapcn: React 지도 컴포넌트 (MapLibre GL 기반)
mapcn 표지 이미지: React Map Components Built on MapLibre GL https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/ht...
- · software
Next.js + TailwindCSS v4: Next-Themes로 다크/라이트 테마 추가하는 방법
TailwindCSS v4 + Next‑Themes 가이드 TailwindCSS v4는 더 이상 여러 개의 config 파일을 유지하지 않으며, 모든 것이 이제 하나의 global.css 파일 안에 들어갑니다. 이는…
- · software
Drupal: Canvas 탐색 (파트 2)
Components 탐색 이전 포스트에서 나는 새로운 module을 익혔고, 좋은 시작을 보였다. 이번 포스트에서는 component를 탐구할 것이다.
- · software
terminal.css: 터미널 스타일 CSS 컴포넌트 라이브러리
!terminal.css 커버 이미지: 터미널 스타일 CSS 컴포넌트 라이브러리 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto...
- · software
Svelte Bash: Svelte 5용 경량 터미널 컴포넌트 (Autoplay, VFS, Themes, Custom Commands)
왜 Svelte Bash를 만들었는가 나는 데모, 문서, 인터랙티브 튜토리얼을 위한 터미널 컴포넌트가 필요했다—가볍고, 테마 적용 가능하며, 쉽게 임베드할 수 있는.