반응형

app 2

모바일 웹 구축: Vue 프론트 세팅부터 실행까지

FRONTEND 생성, 설정 및 페이지 접속TOOL사용 도구: VSCode✔️ NODE 설치Node.js 공식 사이트에서 설치해 주세요.경로 설정BACKEND에서 생성한 Spring Boot 프로젝트의 static 폴더 아래에 FRONTEND 작업 폴더를 만들어 진행해 주세요.예를 들어, static 폴더 아래에 vue라는 폴더를 생성한 후 아래 내용을 진행하면 됩니다.💡 참고: BACKEND 생성 관련 글은 여기에서 확인하실 수 있어요.설치 과정CMD 실행아래 명령어로 프로젝트 생성 vue create {project명}예시) C:\Users\...\wApp\src\main\resources\static\vue> vue create frontPreset 선택: Manually select featur..

코딩 2025.04.09

Vue와 Spring으로 모바일 웹 시작하기

VUE와 SPRING을 사용한 모바일 웹 제작1. FRONT (VUE) 세팅1-1. VSCode 실행 및 프로젝트 생성File - Open Folder로 작업할 폴더를 열어주세요.Ctrl + ` 키를 눌러 터미널을 실행해 주세요.아래 명령어로 Vue 프로젝트를 생성할 수 있어요.💡 프로젝트를 만들기 전에 Node.js 최신 버전을 설치해 두는 것이 좋아요! > npm init vue@latest프로젝트를 만든 후에는 해당 폴더로 이동해 주세요.> cd {생성한 프로젝트명}필요한 패키지를 설치하고, 프로젝트를 실행해 주세요.> npm install> npm run dev1-2. 페이지 접속브라우저 주소창에 아래 주소를 입력하면 프로젝트가 잘 실행됐는지 확인할 수 있어요.http://localhost:51..

코딩 2025.04.09