Tag
#preact
5개의 글
2026.11.02·
Fresh Island의 첫 렌더 맞추기: Preact hydration과 localStorage
글 저장 버튼으로 Fresh Island의 SSR과 Preact hydration을 확인합니다. localStorage를 상태 초기화에서 읽을 때의 오류를 재현하고, 서버와 클라이언트의 첫 렌더를 맞춘 뒤 저장소 실패까지 처리합니다.
2026.10.11·
Fresh에서 다크 모드 완성하기: ThemeToggle과 쿠키로 첫 화면까지 맞추기
Fresh와 daisyUI에서 테마 전환을 구현하고, 쿠키와 서버 렌더링을 연결해 새로고침 후에도 선택한 테마로 첫 화면을 만드는 방법을 살펴봅니다.
2026.10.11·
Fresh에서 Preact 사용하기: 컴포넌트, Hooks, Signals와 React 호환성
Fresh의 UI 계층인 Preact를 글 주소 복사 버튼 예제로 살펴봅니다. 컴포넌트 재사용, Hooks와 Signals, 브라우저 API의 실행 위치, React 호환 범위를 정리합니다.
2026.10.02·
Fresh에서 Vite는 무슨 일을 할까? Deno와 역할 나누기
Fresh 2 프로젝트에서 Deno와 Vite가 각각 어떤 역할을 담당하는지 deno.json, vite.config.ts, 개발 서버와 production build를 따라가며 살펴봅니다.
2026.10.02·
Fresh는 어떤 프레임워크인가: Server-first와 Islands Architecture 이해하기
Fresh가 왜 서버에서 HTML을 먼저 만들고, 필요한 부분에만 JavaScript를 보내는지 Server-first와 Islands Architecture를 중심으로 살펴봅니다.