vue.js #뷰제이에스 #뷰로투두리스트 #투두리스트만들기 #뷰로만들기 #자바스크립트 2

Vue.js로 todolist만들기-(2) 클릭 이벤트 및 todo, done, all 분류

1주일에 1번씩 공부하고 있는데, 이해가 바로 되는 내용도 있고, 개념부터 찾아봐야하는 항목 들도 있다. 그래도 오늘로써 1차적으로 필요한 기능은 다 만들었다. 추가로 디자인을 해보고 싶어 다른 강의 내용들도 찾아보는 중. 아무튼 간단한 내용이라 재밌게 작업했다. Vue.js로 todolist만들기-(2) 클릭 이벤트 및 todo, done, all 분류하여 완료! 2021/05/22 1.스트링으로 입력한 내용을 json파일 형식으로 변형하기 기존 this.userInput을 json형태로 변경하여 노출할 라벨명, 스테이트 상태 값을 두개 추가해준다. label은 기존의 this.userInput을 사용, state는 액티브 상태로 표현해준다. 기존내용 addNewTodo(){ this.todoList...

괴발개발 2021.05.22

Vue.js로 todolist만들기-(1) vue cli 설치, node.js설치, bootstrap연결하고 기본 구조 만들기

vue를 통해 기능하는 앱을 만들고 싶어 todolist 만들기를 시작하게 되었다. 바로 코드를 적으면 될줄 알았는데, 필요한 도구들이 있어서 설치하고, 인풋 입력창을 만드는것 까지 2시간 정도 걸린것 같다. 부트스트랩을 알아서 비교적 레이아웃은 빠르게 이해가 되었지만, 객체지향이라던가, 참조변수와 같은 내용들은 하나하나 내용을 찾아보면서 하니 시간이 걸렸다. 단순한 todolist가 아니라 디자인도 잘되어있는 기능으로 만들고 싶다. 기본을 만들어서 디벨롭해보자! Vue.js로 todolist만들기-(1) vue cli 설치, node.js설치, bootstrap연결하고 기본 구조 만들기 2021/05/15 1.설치하기 -Vue cli 홈페이지 https://cli.vuejs.org/guide/insta..

괴발개발 2021.05.15