목차 : https://okane-on-cliff.tistory.com/239 0. .env.local VUE_APP_URL=http://localhost:9998 여기에 환경변수를 등록해 처음엔 localhost로 작업하다가 배포할 때 이 코드만 바꾸면 되도록 했다. 1. router/index.js import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ { path: '/', name: 'home', component: () => import('@/views/HomeView.vue') }, { path: '/ChatView/:roomName/:userId', name: 'chat', comp..

목차 : https://okane-on-cliff.tistory.com/239 백엔드의 환경구축은 이렇게 했다. 1. sts 설치 2. 프로젝트 생성 3. application.properties 4. Configurer 클래스 생성 5. Dto 클래스 생성 6. 컨트롤러/핸들러 생성 먼저 프로젝트의 디렉터리 구조는 이렇다. 1. sts 설치 인터넷에서 검색해서 설치한다. 2. 프로젝트 생성 maven으로 했다. 하지만 라이브러리를 선택 이미 다해놔서 pom.xml에서 딱히 건들건 없다. 특이한 점으로는 롬복을 설치했다는 것이다 롬복은 그냥 jar파일 다운받아서 실행해서 sts 선택해서 설치하여 jar파일 끈다음 원하는 프로젝트에서 pom.xml에 라이브러리를 기술해 주기만 하면 된다. 3. applic..

목차 : https://okane-on-cliff.tistory.com/239 프론트 환경구축 vue-cli를 사용했다. 1. npm 다운 2. vue-cli 다운 3. vue-cli 실행 4. 프로젝트 초기화 이 순서로 프론트 환경을 구축한다. 1. npm 다운 npm은 여기서 다운로드한다. https://nodejs.org/ko/download/ 2. vue-cli 다운 명령프롬프트에서 npm install -g @vue/cli 명령어를 입력하여 다운로드한다. 3. vue-cli 실행 vue create socketFront 명령어를 입력하여 프로젝트를 생성한다. 메뉴얼로 프로젝트를 생성하고 router와 vuex를 추가로 사용 버전은 2, router는 history를 하지 않도록 한다. 4. 프로..

HTML 삽입 미리보기할 수 없는 소스