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] 뷰 CLI 설치하기
개발 공부/Vue.js 2021. 1. 23. 23:54

(2021.01.23) | 뷰 CLI 설치하기 싱글 파일 컴포넌트 체계를 사용하기 위해서 CLI 도구를 이용할 수 있다. CLI 는 커맨드 창에서 명령어로 특정 동작을 수행할 수 있는 도구이다. CLI 에서 제공하는 명령어를 이용하면 뷰 애플리케이션을 개발하기 위한 초기 프로젝트 구조를 쉽게 구성할 수 있다. 크게 3가지 단계를 거쳐 뷰 CLI를 설치하여 편하게 프로젝트를 구성할 수 있다!! 1. node.js 설치하기 2. npm 설치하기 3. 뷰 CLI 설치하기 1. node.js 설치하기 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine...

article thumbnail
04. Vue.js - 뷰 컴포넌트 통신
개발 공부/Vue.js 2021. 1. 13. 00:12

(2021.01.12) 이 책으로 공부하면서 가장 이해하기 어려웠던 부분이다. 앞부분은 전에 공부했던거랑 내용이 비슷했는데 이거는 처음 보는 부분이라 그런건지 한번에 이해하기 어려웠다... 정리해놓고 여러번 읽어봐야할 것 같다. book.naver.com/bookdb/book_detail.nhn?bid=13256615 Do it! Vue.js 입문 Vue.js 현업 개발자이자 국내 최초 Vue.js 전문 강사의 핵심 노하우 대공개! 실무자 3일 완성! 입문자 7일 완성! 바쁜 개발자의 시간 절약 입문서! 실무의 정글 속에서 살아남기 위한 실전 예제형 Vue.j book.naver.com 참고도서: 두잇뷰입문 상 하위 컴포넌트 관계 뷰 프레임워크 자체에서 컴포넌트는 각각의 범위가 있기 때문에 직접 다른 컴..

article thumbnail
03. Vue.js - 뷰 컴포넌트
개발 공부/Vue.js 2021. 1. 12. 15:22

(2021.01.12) 두잇뷰입문 책의 3-2장은 뷰 컴포넌트에 관한 내용이다. book.naver.com/bookdb/book_detail.nhn?bid=13256615 Do it! Vue.js 입문 Vue.js 현업 개발자이자 국내 최초 Vue.js 전문 강사의 핵심 노하우 대공개! 실무자 3일 완성! 입문자 7일 완성! 바쁜 개발자의 시간 절약 입문서! 실무의 정글 속에서 살아남기 위한 실전 예제형 Vue.j book.naver.com 참고 도서: 두잇뷰입문 뷰 컴포넌트 뷰 컴포넌트는 조합하여 화면을 구성할 수 있는 블록을 의미한다. 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있다. 전역 컴포넌트: 여러 인스턴스에서 공통으로 사용가능 지역 컴포넌트: 특정 인스턴스에서만..

article thumbnail
02. Vue.js - 뷰 인스턴스
개발 공부/Vue.js 2021. 1. 12. 13:49

(2021.01.12) vue의 가장 기본인 뷰 인스턴스와 컴포넌트를 공부했다. 3장도 생각보다 양이 적었다. 진짜 하루 2시간 7일 완성 가능한 책일지도 모르겠다는 생각이 들었다.... book.naver.com/bookdb/book_detail.nhn?bid=13256615 Do it! Vue.js 입문 Vue.js 현업 개발자이자 국내 최초 Vue.js 전문 강사의 핵심 노하우 대공개! 실무자 3일 완성! 입문자 7일 완성! 바쁜 개발자의 시간 절약 입문서! 실무의 정글 속에서 살아남기 위한 실전 예제형 Vue.j book.naver.com 참고도서: 두잇뷰입문 뷰 인스턴스 뷰 인스턴스는 뷰로 화면을 개발하기 위해 필수적으로 생성해야하는 기본 단위이다. 뷰 인스턴스 형식 new Vue ({ ... ..

article thumbnail
01. Vue.js - 개발 환경 세팅하기(아톰, Node.js, 뷰 개발자 도구)
개발 공부/Vue.js 2021. 1. 11. 23:07

(2021.01.11) 겨울방학을 맞이해서 웹개발공부를 새로운 마음으로 시작하려고 새 책을 샀다. 전에 공부하던 책이 너무 별로였다... book.naver.com/bookdb/book_detail.nhn?bid=13256615 Do it! Vue.js 입문 Vue.js 현업 개발자이자 국내 최초 Vue.js 전문 강사의 핵심 노하우 대공개! 실무자 3일 완성! 입문자 7일 완성! 바쁜 개발자의 시간 절약 입문서! 실무의 정글 속에서 살아남기 위한 실전 예제형 Vue.j book.naver.com 바로 이 책이다!! 요즘 느끼는 건데 한국인이 쓴 책이 잘 읽히는 것 같다. 번역본도 약간 잘 안읽힌다. 한국인이 집필한 책이 최고다.... 그래서 이 책대로 뷰 시작부분부터 다시 해보았다. 이 책의 1장은 V..

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