본문 바로가기
728x90

vue32

[Vue] 초보자를 위한 Vue Router 완벽 가이드 Vue Router는 Vue.js에서 웹 앱의 페이지 이동을 관리하는 도구다.이 포스트는 Vue Router를 처음 접하는 초보자를 위해 Vue Router란 무엇인지, 왜 필요한지, 어떻게 사용하는지를 쉽게 설명한다.간단한 예제와 실생활 비유를 통해 개념을 익히고, 실제 코드를 따라 할 수 있도록 구성한다.키워드: Vue Router 초보, Vue 3 라우팅, SPA 페이지 이동.Vue Router란?Vue Router는 Vue.js 애플리케이션에서 페이지 이동을 구현하는 공식 라이브러리다. SPA(Single Page Application)에서 브라우저의 새로고침 없이 URL을 변경하고, 각 URL에 맞는 콘텐츠를 보여준다. 비유:Vue Router는 레스토랑 메뉴판과 같다. 손님이 “메뉴 1번(홈).. 2025. 4. 21.
[StudySync 프로젝트] Vue 3 + TypeScript + Tailwind CSS로 StudySync 프론트엔드 설정 2025년 4월 18일StudySync 프로젝트는 AI 기반 학습 플래너 웹 앱이다. Vue 3, TypeScript, Tailwind CSS로 프론트엔드를 설정하고, Spring Boot, JPA, MySQL로 백엔드를 구현한다. 오늘은 프론트엔드 초기 설정(Vite, Tailwind CSS, ESLint, Prettier)을 완료했다. IntelliJ와 GitHub 저장소(study_sync)를 사용해 진행한 과정을 기록한다.프로젝트 개요StudySync는 학습 목표를 설정하면 AI(ChatGPT API)가 맞춤형 계획을 생성하는 앱이다. 주요 기능은 다음과 같다:사용자 인증(JWT 기반)AI 기반 학습 계획실시간 퀴즈, 커뮤니티 피드반응형 UI, PWA프론트엔드는 Vue 3, TypeScript, .. 2025. 4. 19.
728x90

티스토리툴바