Vue 3 글에서 할 일 목록 앱을 만들어 봤는데요. 그 앱은 데이터를 브라우저의 localStorage에 저장했기 때문에, 다른 기기에서 열면 목록이 텅 비어 있습니다. 데이터를 서버에 두려면 API 서버를 따로 만들고, 페이지가 늘어나면 라우터를 붙이고, 검색 엔진에 노출하려면 서버 렌더링까지 고민해야 하죠. 😅 Nuxt는 이 모든 걸 하나의 프로젝트에서 해결해 주는 Vue 기반의 풀스택 프레임워크입니다. React에 Next.js가 있다면 Vue에는 Nuxt가 있는 셈인데요. 2025년 7월 15일에는 디렉터리 구조와 데이터
화면을 만드는 자바스크립트 프레임워크를 고르다 보면 React의 JSX가 어색하게 느껴질 때가 있는데요. HTML을 쓰던 대로 쓰고, 값만 바꾸면 화면이 알아서 따라오면 좋겠다는 생각이 드는 거죠. 🤔 Vue는 바로 이런 감각을 살린 프레임워크입니다. 2020년 9월 18일에는 "One Piece"라는 이름으로 Vue 3가 정식 출시됐는데요. 2016년 Vue 2 이후 4년 만에 나온 메이저 버전으로, 코드베이스 전체를 TypeScript로 새로 쓰고 반응성(reactivity) 시스템과 컴포넌트 작성 방식까지 손봤습니다. 이번
Storybook이란? 스토리북(Storybook)은 한 문장으로 정의가 어려울 정도로 다양한 방식으로 사용되고 있는 UI 컴포넌트 개발 도구입니다. 단순히 회사의 UI 라이브러리를 내부 개발자들을 위해 문서화(documentation)하기 위해서 사용할 수 있고, 외부 공개용 디자인 시스템(Design System)을 개발하기 위한 기본 플랫폼으로도 사용할 수 있습니다. 스토리북(Storybook)을 기본 구성 단위는 스토리(Story)이며 하나의 UI 컴포넌트는 보통 하나 이상의 Story를 가지게 됩니다. 각 Story는 해당