본문 바로가기

전체 글90

[Vue.js 강의] 4강 Vue Router 설정 Vue Router 설정 사용자가 접속한 주소에 따라 페이지(컴포넌트)가 달라지는 것을 라우팅이라고 한다. 라우팅이 무엇인지 이해하고 Vue에서 라우팅 처리를 위해 사용하는 플러그인인 vue-router에 대한 설치 및 사용 방법에 대해서 알아본다. 또한 Vue CLI의 prefetch 기능에 대해서 정확히 이해하고, 컴포넌트의 로딩 시점을 설계하는 방법에 대해서 익힌다. 라우팅이란? Vue와 같은 단일 페이지 애플리케이션의 경우 페이지를 이동할 때마다 서버에 요청해서 페이지를 새로 갱신하는 것이 아니라 클라이언트에서 미리 가지고 있던 페이지를 라우팅을 이용해서 화면을 갱신한다. 라우팅이랑 클라이언트에서 url 주소에 따라 페이지가 전환되는 것으로 이해하면 된다. Vue-Router 설치 1. vue.c.. 2022. 2. 12.
[Vue.js 강의] 2강 Vue 개발환경 구성 Vue 개발환경 구성 Visual Studio Code 설치 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com Node.js 설치 Node.js.. 2022. 2. 11.
[Vue.js 강의] 1강 Vue.js는 무엇인가? Vue.js는 무엇인가? SPA(Single Page Application, 단일 페이지 애플리케이션) 프론트엔드 프레임워크. 페이지 하나에서 동작하는 애플리케이션입니다. 자바스크립트, CSS, 이미지 파일을 최초 접근시 다운로드 받는다. 페이지를 이동하면 웹 페이지 전체가 바뀌는 것이 아니라 처음 접속했을 때 로딩된 페이지 중에서 변경이 필요한 부분만 바뀝니다. Vue.js는 사용자 인터페이스 개발을 위한 Progressive Framework입니다. 여기서 프로그래시브라는 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발한 것을 뜻합니다. Vue.js 장점 1. 직관적이고 배우기 쉽다 2. 재사용을 통한 애플리케이션 개발 기간 단축 및 양질의 코드를 생산할 수 있다. 3. Aug.. 2022. 2. 11.
[Javascript 강의] 20강.제네레이터와 async/await 제네레이터와 async/await ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 1. 제네레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다. 2. 제너레이터 함수는 함수 호출자와 함수의 상태를 주고받을 수 있다. 3. 제너레이터 함수를 호출하면 제너레이터 객체를 반환한다. 제너레이터 함수의 정의 제너레이터 함수는 function* 키워드로 선언한다. 그리고 하나 이상의 yield 표현식을 포함한다. #제너레이터 함수 선언문 function* getFunc(){ yield 1; } #제너레이터 함수 표현식 const getExpFunc = function*(){ yeild 1; }; #제너레이터 메서드 const obj =.. 2022. 2. 6.

티스토리툴바