왜 Fresh가 웹 개발자를 위한 '가장 멋진' 새로운 프레임워크인가

Source: Dev.to

웹 개발 분야에 오래 몸담아 왔다면 React, Vue, Angular 같은 프레임워크를 들어보셨을 겁니다. 이들은 훌륭하지만, 브라우저에 많은 JavaScript를 전송하기 때문에 사이트가 “무겁게” 느껴지는 경우가 많습니다.

여기에 Fresh가 등장합니다 — Deno용으로 만든 최신 웹 프레임워크로, 게임의 규칙을 바꾸고 있습니다. Fresh는 UI(프론트엔드)와 데이터(백엔드)를 모두 다루는 “풀스택” 프레임워크이며, Preact(React의 작은 버전) 위에 구축되었습니다. 따라서 React를 알고 있다면 금방 익숙해질 수 있습니다!

주요 특징

• 매우 빠릅니다 (정말 빠르게) ⚡
  Fresh는 페이지를 서버에서 렌더링하고 클라이언트에는 최소한의 JavaScript만 전송합니다.

• “빌드” 단계가 없습니다 🛠️
  별도의 번들링 단계 없이 바로 프로젝트를 실행할 수 있습니다.

• “아일랜드” 개념 🏝️
  페이지의 작은 인터랙티브 부분(‘아일랜드’)만 JavaScript를 로드하므로 나머지 페이지는 가볍게 유지됩니다.

• Deno에서 실행됩니다
  Node.js를 만든 사람과 같은 사람이 만든 Deno는 더 안전하고 현대적인 런타임을 제공합니다. Fresh는 package.json 파일조차 필요로 하지 않습니다.

코드 예시

// islands/Counter.tsx
import { useSignal } from "@preact/signals";

export default function Counter() {
  const count = useSignal(0);
  return (
    
      
Count: {count}

       count.value++}>Increment
    
  );
}

배워야 할까요?

• 예, 블로그나 랜딩 페이지처럼 초고속이며 SEO 친화적인 웹사이트를 만들고 싶다면.
• 예, Node.js를 넘어 웹의 미래를 탐험하고 싶다면.

결론

여기서 확인해 보세요: