[3] Vue.js를 이용한 todolist 만들기

- 2021.10.06 -

- 2023.05.05 -

---

기존 개발블로그에서 작성했었던 내용물들을 통합하고자 옮겨 적었다

---

기존에 만들어놓던 프로젝트를 실수로 제거가 되서 다시 처음부터 만들게 되었다.

언제 이 게시글이 공개로 돌려질 수 있을지 모르지만..ㅋㅋ

10월이내로 vue.js를 이용한 todolist를 만드는 것이다.

 

조건은 아래와 같다.

01. IntelliJ 프로그램 사용

02. Vue.js를 이용한 코딩

03. Local Storage를 이용한 todolist 구현

 

일단 이 3가지로 공부를 할꺼고 3번까지 구현이 되면 욕심을 담아서 좀 더 해볼 생각이다.

 

IntellIJ의 vue.js

New Project를 누르고 JavaScript - Vue.js 클릭.

 

Project 생성 후 vue cli가 자동으로 설치시작

Create Project 이후 자동으로 vue cli를 설치해준다.

아, 저 화면 전에 프로젝트 이름 짓는거.. 잊지말자!

 

프로젝트명은 대문자가 아닌 소문자로만 구성해야한다.

우리는 todolist를 만들것이기에 프로젝트명 역시 todolist로 이름을 지음.

 

 

좌측에 있는  src폴더를 누르면 App.vue가 생성된것을 확인할 수 있다.

이걸 누르면 아래 사진 처럼 나온다

이전 게시글에서 우리가 vue.js 등 설치하고 마지막으로 서버까지 run했을때 나오는 그 문구이다.

 

** 만약 여기에서 글자 수정이 되지않는다면 파일의 권한문제일 가능성이 크다!

따라서 오류 (read-only status)가 계속 발생한다면 해당 프로젝트의 경로로 돌아가서 권한을 확인해보자!

 

 

내용

내용

 

---

마  치  며