Vue.js18 [Vue.js 프로젝트 투입 일주일 전] 2장 - 개발환경 구성 2.1 Visual Studio Code 설치 - 개발 도구 (IDE) - MS VS Code - 개발 편의성을 위한 다양한 플러그인 -> 개발 생산성 극대화 - 설치 시 환경 변수 추가 필수 2.2 Node.js 설치 - Node.js - 확장성 있는 네트워크 애플리케이션(서버 프로그램) 개발 위한 JS 런타임 환경 - 원래 JS는 클라이언트(브라우저)에서 동작하는 언어 - 크롬의 V8 엔진을 이용하여 브라우저에서 JS가 동작하듯이 서버에서도 동작할 수 있도록 해주는 환경 - node -v (노드 JS 버전 확인) 2.3 NPM(Node Package Manager) 설치 - 수많은 오픈소스 모듈 설치하여 사용 - Node.js 기반의 JS 오픈소스 등록, 간단한 명령어로 설치 및 사용할 수 있도록 해.. 2021. 12. 22. [Vue.js 프로젝트 투입 일주일 전] 1장 - Vue.js는 무엇인가? 1.0 Vue.js는 무엇인가? - 사용자 인터페이스 개발을 위한 Progressive Framework - Progressive: 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발 - SPA (Single Page Application) 개발을 위한 프론트엔드 프레임워크 - 페이지가 열리는 방식의 차이 - 일반적인 웹사이트의 경우 페이지 이동으로 새로 열리는 페이지에 필요한 자원 항상 다시 서버로부터 로딩 - SPA는 페이지 하나에서 동작하는 단일 페이지 어플리케이션 (페이지 이동시 변경 필요한 부분만 로딩) - SPA는 페이지 전환 속도가 매우 빠르고 웹 자원 효율적 관리 가능 - SPA 단점: 사용자가 웹사이트 처음 접속 시 모든 웹 자원 다 로딩해서 화면 로딩 속도가 느려짐 - 제.. 2021. 12. 22. 이전 1 2 3 4 5 다음 반응형