HeYStRanGeR
article thumbnail
[Vue.js] 애플리케이션 만들기 (4)
개발 공부/Vue.js 2021. 2. 27. 22:29

(2021.02.24) 더보기 초심을 잃고 2월은 너무 놀아버렸다.. 겨울방학 마지막 웹개발 공부를.. 했다.. 1학기엔 더 열심히 해야지 | props 와 이벤트 전달을 이용해 해야할 일 입력 기능 개선하기 | TodoInput 컴포넌트와 TodoList 컴포넌트 수정하기 propsdata 로 바꿔주어서 새로고침을 하지 않고도 바로 목록이 갱신되도록 만들어줌 | 이벤트 전달을 이용하여 Clear All 버튼 기능 개선하기 1. 상위 컴포넌트 코드 수정하기 2. 하위 컴포넌트 코드 수정하기 | 이벤트 전달을 이용해 할 일 삭제 기능 개선하기

article thumbnail
[Vue.js] 애플리케이션 만들기 (2)
개발 공부/Vue.js 2021. 1. 27. 19:40

(2021.01.27) 컴포넌트 내용 구현하기가 이번 목표이다. TodoHeader: 애플리케이션 이름 표시 TodoInput:해야 할 일 입력 및 추가 TodoList: 해야할 일 목록 표시 및 늑정 할 일 삭제 TodoFooter: 해야할 일 모두 삭제 | 애플리케이션 제목을 보여주는 TodoHeader 컴포넌트 애플리케이션 제목 추가하기 CSS로 제목 꾸미기 | 해야할 일을 입력하는 TodoInput 컴포넌트 인풋 박스와 버튼 추가하기 텍스트를 저장하기 위한 버튼 이벤트 추가하기 입력받은 텍스트를 로컬 스토리지에 저장하기 인풋박스에 다시 문자 입력하고 추가버튼 클릭하면 크롬 개발자 도구 Application > LocalStorage > http://localhost:8080 에 값이 저장된다. a..

article thumbnail
01. 소비 관리 WEB 만들기(20.11.02)
개발 공부/MyWeb 2021. 1. 10. 21:47

(2020.11.02) HTML, CSS, java script의 기본적인 지식들을 가지고 vue.js 공부를 해보려고 한다!! 그런데 vue 설치부터 막혀서 지금까지 배운 것들을 이용해서 나만의 웹의 토대를 만들어 보았다. ​ ​ 요즘 핸드폰 어플리케이션을 보니까 계좌랑 카드에 연결해서 알아서 가계부를 써주는 게 있었다. 거기에서 영감을 받아서 나는 자발적으로 작성하고 생각하는 소비 관리 WEB을 만들기로 결심했다. 웹의 공식적인 명칭은 아직 생각하지 못했고 일단은 소비 관리 WEB으로 부르기로 했다. ​ ​ ​ https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 ..

728x90