본문 바로가기

개발36

[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.
클린코드 클린코드 1. 의미 있는 이름 1)의도를 분명하게 이름을 지어라 좋은 이름을 지으려면 시간이 걸리지만 좋은 이름으로 절약하는 시간이 훨씬 더 많다. 변수나 함수 그리고 클래스 이름은 다음과 같은 굵직한 질문에 모두 답해야 한다. 존재이유, 수행기능, 사용방법 따로 주석이 필요하다면 의도를 분명히 드러내지 못했다는 말이다. 2)발음하기 쉬운 이름을 사용하라 3)검색하기 쉬운 이름을 사용하라 4)클래스 이름: 명사나 명사구 5)메서드 이름: 동사나 동사구 6)한 개념에 한 단어를 사용하라 : 같은 의미의 메서드를 fetch, retireve, get등 유사한 여러 이름으로 사용하지 마라 2.함수 1)작게 만들어라 : 작게 더작게 2)한가지만 해라 함수는 한 가지를 해야한다. 그 한 가지를 잘 해야 한다. 그.. 2021. 7. 21.

티스토리툴바