(2021.01.19) 웹 앱의 HTTP 통신 방법 웹 앱에서 서버에 데이터를 요청하는 HTTP(HyperText Transfer Protocol) 통신은 필수로 구현해야 하는 기능이다. HTTP 는 브라우저와 서버 간에 데이터를 주고받는 통신 프로토콜(protocol)이다. --> 프로토콜: 컴퓨터나 단말기 간에 통신하기 위해 상호간에 정의한 규칙 브라우저에서 서버에 데이터를 보내달라고 요청(request)을 보내면, 서버에서 응답(response)으로 해당 데이터를 보내준다. 웹 앱 HTTP 통신의 대표적인 사례로는 제이쿼리(jQuery의 ajax가 있다. 뷰에서도 ajax를 지원하기 위한 라이브러리를 제공한다. --> 뷰 리소스 & 액시오스(axios) 뷰 리소스 뷰 리소스를 사용하는 방법은 1. ..
(2021.01.18) 뷰 라우터도 어려웠다.... 너무 복잡하다.... 뷰 라우터 : 뷰에서 라우팅 기능을 구현할 수 있도록 지원하는 공식 라이브러리 라우팅 : 웹 페이지 간의 이동방법 라우팅을 이용하면 화면 간의 전환이 매끄럽고, 애플리케이션의 사용자 경험을 향상시킬 수 있다. 라우팅은 현대 웹 앱 형태 중 하나인 싱글 페이지 애플리케이션(SPA)에서 주로 사용하고 있다. 뷰 라우터 태그 설명 페이지 이동 태그 화면에서는 로 표시되며 클릭하면 to에 지정한 URL로 이동 페이지 표시 태그 변경되는 URL에 따라 해당 컴포넌트를 뿌려주는 영역 1. 각 는 화면 상에서 Main 컴포넌트로 이동, Login 컴포넌트로 이동 이라는 버튼 태그로 변환되어 표시된다. 이 버튼을 클릭하면 to="" 에 정의된 텍..
(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 참고도서: 두잇뷰입문 상 하위 컴포넌트 관계 뷰 프레임워크 자체에서 컴포넌트는 각각의 범위가 있기 때문에 직접 다른 컴..
(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 참고 도서: 두잇뷰입문 뷰 컴포넌트 뷰 컴포넌트는 조합하여 화면을 구성할 수 있는 블록을 의미한다. 컴포넌트를 활용하면 화면을 빠르게 구조화하여 일괄적인 패턴으로 개발할 수 있다. 전역 컴포넌트: 여러 인스턴스에서 공통으로 사용가능 지역 컴포넌트: 특정 인스턴스에서만..
(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 ({ ... ..
(2021.01.11) Vue.js 공부를 위해 뷰 개발자 도구를 설치하고, 뷰 개발자 도구를 열려고 했는데 계속 이렇게 뜨면서 뷰 개발자 도구가 열리지 않았다... 계속 끙끙대다가 이것저것 눌러보고, 책을 뒤져보다가 해결법을 찾았다!! 크롬 > 도구 더보기 > 확장 프로그램 으로 들어간다. 파일 URL에 대한 액세스 허용에 체크해주면 된다!
(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..
(2020.11.02) HTML, CSS, java script의 기본적인 지식들을 가지고 vue.js 공부를 해보려고 한다!! 그런데 vue 설치부터 막혀서 지금까지 배운 것들을 이용해서 나만의 웹의 토대를 만들어 보았다. 요즘 핸드폰 어플리케이션을 보니까 계좌랑 카드에 연결해서 알아서 가계부를 써주는 게 있었다. 거기에서 영감을 받아서 나는 자발적으로 작성하고 생각하는 소비 관리 WEB을 만들기로 결심했다. 웹의 공식적인 명칭은 아직 생각하지 못했고 일단은 소비 관리 WEB으로 부르기로 했다. https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 ..