Vue 웹 채팅 애플리케이션 만들기 2

Vue.js 설치하기

1. 작업할 디렉토리를 만듭니다.

- d:
- mkdir workspace & cd workspace

2. Vue.js를 설치합니다.

- npm install -g @vue/cli

3. Vue.js를 이용해서 프로젝트를 만듭니다.

- vue create webchat
- default를 선택합니다.

4. 프로젝트를 실행합니다.

- cd webchat & npm run serve
- 웹 브라우저를 실행하고 주소창에 http://localhost:8080/을 입력합니다.

읽어주셔서 감사합니다. 행복한 오늘을 보내시기 바랍니다.^^


* Vue를 이용한 웹 채팅 애플리케이션 만들기 목록

Vue 웹 채팅 애플리케이션 만들기 1

Node.js + NPM 설치하기

1. Node.js 설치 파일을 다운로드 받습니다.

- 다운로드 위치: https://nodejs.org/ko/
- 빨간색으로 표시된 부분을 클릭해서 설치파일을 다운로드 받습니다.

2. 다운로드가 완료되면 파일을 더블 클릭해서 Node.js를 설치합니다.

- 빨간색으로 표시된 부분만 계속 클릭하면 설치가 완료됩니다.

3. 설치가 잘 됐는지 확인을 합니다.

- 명령 프롬프트에서 node -v & npm -v 명령어를 실행합니다.
- 빨간색으로 표시된 부분을 참고하세요.

Node.js와 NPM 설치를 완료했습니다.

다음 글에서는 Vue.js와 Vuetify를 설치하고 프로젝트를 만들어 보겠습니다.

읽어주셔서 감사합니다. 행복한 오늘을 보내시기 바랍니다.^^


* Vue를 이용한 웹 채팅 애플리케이션 만들기 목록

Vue 웹 채팅 애플리케이션 만들기

목록

1. Node.js + NPM 설치하기

2. Vue.js 설치하기

3. Quasar 설치하기

4. 로그인 화면 만들기

5. Python + Django 설치하기

6. Django 프로젝트 만들기

7. Django REST Framework 설치하기

8. 로그인 기능 구현하기

9. 웹 채팅 애플리케이션 화면 만들기

10. Express + Socket.io 설치하기

11. 채팅 서버 만들기

12. 채팅 기능 구현하기

우선 계획은 위와 같이 세웠으나 진행하면서 변경될 수 있습니다.

저도 만들면서 배우고 그 내용을 기록하기 위해 이 블로그를 만들게 되었으므로
실제로 웹 채팅 애플리케이션을 만들 수 있을지는 알 수 없습니다.

그래도 최선을 다해 만들어보고 최대한 쉽게 설명 드리도록 하겠으니
많은 관심을 갖고 지켜봐 주시기 바랍니다.

읽어주셔서 감사합니다. 행복한 오늘을 보내시기 바랍니다.^^