괴발개발 33

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

디자이너가 개발을 해야할까? 알고 싶어서 해보는 Vue.js 설치하기 (1)

0.들어가며 사실.. 비전공자 입장에서 새로운 언어를 위해 세팅하는것도 번거로워서 아주 큰 마음을 먹고 시작하게 되었다. 오늘은 그간 html과 js파일 연결을 기억하고 있는지, 기본 파일 구성은 어떻게 되는지 확인하고 싶다는 목표가 있다. 마지막에는 작게나마 동작되는 웹앱을 만들었으면 하는 바램. [목표] -1회차: 리액트 세팅 및 기본 파일 만들기 -2회차: 버튼 제작 및 스타일 시트 활용방법 -3회차: 만들고 싶은 프로젝트 구상하기 ... [들어가기 앞서] -코딩 수준: ... -사용하는 툴: VS (visual code) 디자이너가 개발을 해야할까? 알고 싶어서 해보는 Vue.js 설치하기 (1) 2021/04/25 1.프로그레스 웹앱이란? (PWA) PWA이라 줄여서 부르기도 하며, 한마디로 모..

괴발개발 2021.04.25