Vue란 무엇인가요? Vue는 단순한 템플릿 엔진이 아니라 데이터 기반 웹 인터페이스를 구축할 수 있습니다. Vue는 DOM을 직접 운영하는 것을 피할 수 있는 양방향 데이터 바인딩을 구현합니다. "MVC, MVP 및 MVVM 일러스트레이션" 강의를 간단히 구성해 보세요. 가장 분명한 차이점은 일반적으로 페이지를 작성할 때 특정 상태 변경을 제어하기 위해 jquery를 사용하여 dom을 조작해야 하는 경우가 대부분입니다. 그러나 vue를 사용하면 데이터 기반이므로 상태 변경이 페이지의 dom에 직접 바인딩됩니다. , 돔을 운영할 필요가 없습니다. 직접 느껴보세요.
vue가 적용되는 시나리오 1. 복잡한 형태의 애플리케이션 2. SEO를 고려할 필요가 없는 단일 페이지 애플리케이션; 4. 낮은 버전의 IE 브라우저를 지원할 필요가 없는 애플리케이션 5. 셸이 있는 기타 웹 애플리케이션;
순수 템플릿 엔진
vue는 순수 템플릿 엔진이 아니며, MVVM을 구현하는 프론트엔드 프레임워크로 분류되어야 합니다. 템플릿 엔진이 하는 일은 단지 페이지를 렌더링하는 것뿐입니다. 프런트 엔드나 백 엔드에서 렌더링할 수 있습니다. 템플릿 엔진을 프런트엔드 페이지에 도입하면 프런트엔드에서 렌더링하는 것입니다. Express와 같은 백엔드 프레임워크에 템플릿 엔진을 도입하면 백엔드 렌더링을 달성할 수 있습니다. 일반적으로 사용되는 템플릿 엔진에는 핸들바, ejs, jade, swig, nunjunks, artTemplate 등이 포함됩니다. 개인적으로 가장 간단한 템플릿 엔진은 artTemplate이라고 생각하지만, 강력한 기능으로는 swig/jade라고 생각합니다. artTemplate으로 시작하는 것이 좋습니다.
노드란 무엇인가요?
공식 홈페이지의 설명은 "Node.js는 Chrome V8 엔진을 기반으로 한 JavaScript 실행 환경입니다. Node.js는 이벤트 중심의 비차단 I/O 모델을 사용하여 가볍고 효율적입니다. Node.js 패키지 관리자인 npm은 세계 최대의 오픈 소스 라이브러리 생태계입니다. “아마도 당신은 이것이 무엇을 의미하는지 모르고, 나도 어떻게 설명해야 할지 모르겠습니다. 직접 연주해 보시면 점차 이해하게 될 것입니다. 이 "노드 교육이 보장되지 않습니다"를 살펴보실 수 있습니다. 배경 지식을 배우고 싶으시면 N-blog를 살펴보세요.
어떻게 공부하나요?
문서를 씹어보는 것이 가장 좋은 방법입니다. 한 번 이해하지 못하더라도 세 번 읽으면 확실히 이해할 수 있습니다. 진정해야 하며 문서 자체에 튜토리얼이 있으므로 어디에서나 튜토리얼을 찾지 마세요. .
개인적으로 JavaScript 프레임워크를 배우는 것은 기본 JavaScript 언어를 기반으로 배우는 것에 불과하다고 생각합니다. 따라서 이러한 js 프레임워크를 더 잘 배우기 위해서는 js 언어에 대한 깊은 이해가 필요합니다. underscore.js의 소스 코드를 먼저 이해하세요. 이런 식으로 js에 대한 원래 학습이 포괄적이지 않다는 것을 알게 될 것입니다. 그러면 프런트 엔드 프레임워크의 경우 문서를 읽는 것이 좋은 방법입니다. 특히 vue.js에는 이미 중국어 문서가 있으므로 더 빨라 보이지만 노드는 더 어렵습니다. 공식 영어 문서를 살펴보세요. 비록 문서가 많고 영어로 되어 있지만, 저는 꼭 읽어볼 것을 고집했습니다. 그런 다음 노드 개발을 위해 경량 백그라운드 프레임워크인 koa 프레임워크를 사용해 볼 수 있습니다. js 콜백 작성 방법은 매우 편안하며 자세히 살펴보면 이해할 수 있습니다.
저도 최근 노드를 배우고 있는데 정말 깨기 힘든 너트라는 걸 느꼈어요. 노드를 읽어보니 확장된 지식 포인트가 많이 들어있어서 튜터링을 하다가 알게 됐어요. 마스터해야 할 것이 너무 많아서 어디서부터 시작해야 할지조차 모르겠습니다. 이전에 node를 알고 있던 Niu Niu에게 물어보니 Node를 배우는 가장 좋은 방법은 배경 언어를 이해하는 것이라고 했습니다. . . .
Vue는 node.js를 이해하지 못합니다. 저도 나중에 간단한 백엔드 언어를 배우는 것이 낫다고 생각합니다. 그렇지 않으면 node.js의 장점을 이해하기 어려울 것입니다. node.js를 직접 배우고 싶다면 YouTube로 이동하여 몇 가지 동영상을 찾아 감을 잡은 다음, github로 이동하여 몇 가지 짧은 프로젝트를 검색해 살펴보세요. 배경 언어 기초가 없다면 공식 문서를 직접 읽는 것을 권장하지 않습니다. 오랫동안 읽어도 아무것도 쓸 수 없기 때문입니다.
Nodejs는 프론트엔드를 풀스택으로 만들 수 있는 변태 프레임워크입니다. 실제로는 백엔드를 학습하고 JavaScript 언어를 사용하고 있습니다. 물론 배우기 전에 먼저 서버가 무엇인지, 라우팅이 무엇인지, http 프로토콜에 대해 깊이 이해할 필요는 없습니다. Nodejs 시작 튜토리얼 여기 코드를 두드려 시작했습니다. 그런 다음 표준 MongoDB를 배우면 마음대로 완전한 웹사이트를 개발할 수 있습니다. 다음 단계는 Alibaba Cloud, NetEase 등으로 이동하여 클라우드 서버 EC를 구매하는 것입니다. 그럼 도메인 구매 도메인 등록 그럼 웹마스터가 되세요 돌아보면 꽤 오랜 시간 걸어 다녔네요~~
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vue란 무엇인가요?
Vue는 단순한 템플릿 엔진이 아니라 데이터 기반 웹 인터페이스를 구축할 수 있습니다.
Vue는 DOM을 직접 운영하는 것을 피할 수 있는 양방향 데이터 바인딩을 구현합니다. "MVC, MVP 및 MVVM 일러스트레이션" 강의를 간단히 구성해 보세요.
가장 분명한 차이점은 일반적으로 페이지를 작성할 때 특정 상태 변경을 제어하기 위해 jquery를 사용하여 dom을 조작해야 하는 경우가 대부분입니다. 그러나 vue를 사용하면 데이터 기반이므로 상태 변경이 페이지의 dom에 직접 바인딩됩니다. , 돔을 운영할 필요가 없습니다. 직접 느껴보세요.
vue가 적용되는 시나리오
순수 템플릿 엔진1. 복잡한 형태의 애플리케이션
2. SEO를 고려할 필요가 없는 단일 페이지 애플리케이션;
4. 낮은 버전의 IE 브라우저를 지원할 필요가 없는 애플리케이션
5. 셸이 있는 기타 웹 애플리케이션;
vue는 순수 템플릿 엔진이 아니며, MVVM을 구현하는 프론트엔드 프레임워크로 분류되어야 합니다. 템플릿 엔진이 하는 일은 단지 페이지를 렌더링하는 것뿐입니다. 프런트 엔드나 백 엔드에서 렌더링할 수 있습니다. 템플릿 엔진을 프런트엔드 페이지에 도입하면 프런트엔드에서 렌더링하는 것입니다. Express와 같은 백엔드 프레임워크에 템플릿 엔진을 도입하면 백엔드 렌더링을 달성할 수 있습니다. 일반적으로 사용되는 템플릿 엔진에는 핸들바, ejs, jade, swig, nunjunks, artTemplate 등이 포함됩니다. 개인적으로 가장 간단한 템플릿 엔진은 artTemplate이라고 생각하지만, 강력한 기능으로는 swig/jade라고 생각합니다. artTemplate으로 시작하는 것이 좋습니다.
노드란 무엇인가요?공식 홈페이지의 설명은 "Node.js는 Chrome V8 엔진을 기반으로 한 JavaScript 실행 환경입니다. Node.js는 이벤트 중심의 비차단 I/O 모델을 사용하여 가볍고 효율적입니다. Node.js 패키지 관리자인 npm은 세계 최대의 오픈 소스 라이브러리 생태계입니다. “아마도 당신은 이것이 무엇을 의미하는지 모르고, 나도 어떻게 설명해야 할지 모르겠습니다. 직접 연주해 보시면 점차 이해하게 될 것입니다. 이 "노드 교육이 보장되지 않습니다"를 살펴보실 수 있습니다. 배경 지식을 배우고 싶으시면 N-blog를 살펴보세요.
어떻게 공부하나요?문서를 씹어보는 것이 가장 좋은 방법입니다. 한 번 이해하지 못하더라도 세 번 읽으면 확실히 이해할 수 있습니다. 진정해야 하며 문서 자체에 튜토리얼이 있으므로 어디에서나 튜토리얼을 찾지 마세요. .
개인적으로 JavaScript 프레임워크를 배우는 것은 기본 JavaScript 언어를 기반으로 배우는 것에 불과하다고 생각합니다. 따라서 이러한 js 프레임워크를 더 잘 배우기 위해서는 js 언어에 대한 깊은 이해가 필요합니다. underscore.js의 소스 코드를 먼저 이해하세요. 이런 식으로 js에 대한 원래 학습이 포괄적이지 않다는 것을 알게 될 것입니다. 그러면 프런트 엔드 프레임워크의 경우 문서를 읽는 것이 좋은 방법입니다. 특히 vue.js에는 이미 중국어 문서가 있으므로 더 빨라 보이지만 노드는 더 어렵습니다. 공식 영어 문서를 살펴보세요. 비록 문서가 많고 영어로 되어 있지만, 저는 꼭 읽어볼 것을 고집했습니다. 그런 다음 노드 개발을 위해 경량 백그라운드 프레임워크인 koa 프레임워크를 사용해 볼 수 있습니다. js 콜백 작성 방법은 매우 편안하며 자세히 살펴보면 이해할 수 있습니다.
저도 최근 노드를 배우고 있는데 정말 깨기 힘든 너트라는 걸 느꼈어요. 노드를 읽어보니 확장된 지식 포인트가 많이 들어있어서 튜터링을 하다가 알게 됐어요. 마스터해야 할 것이 너무 많아서 어디서부터 시작해야 할지조차 모르겠습니다. 이전에 node를 알고 있던 Niu Niu에게 물어보니 Node를 배우는 가장 좋은 방법은 배경 언어를 이해하는 것이라고 했습니다. . . .
문서를 읽고 배운다는 것은 몇 가지 개념을 배우는 것을 의미합니다
Vue는
node.js를 이해하지 못합니다. 저도 나중에 간단한 백엔드 언어를 배우는 것이 낫다고 생각합니다. 그렇지 않으면 node.js의 장점을 이해하기 어려울 것입니다.
node.js를 직접 배우고 싶다면 YouTube로 이동하여 몇 가지 동영상을 찾아 감을 잡은 다음, github로 이동하여 몇 가지 짧은 프로젝트를 검색해 살펴보세요.
배경 언어 기초가 없다면 공식 문서를 직접 읽는 것을 권장하지 않습니다. 오랫동안 읽어도 아무것도 쓸 수 없기 때문입니다.
nodejs를 작성하기 전에 js의 기본을 잡고 es6의 구문을 살펴봐야 할 것 같습니다.
프론트엔드에 들어서자마자 바다처럼 깊습니다. , 그리고 스킬 트리를 클릭하면 즉시 폭발합니다.
VueJS는 최근에 매우 사용하기 쉽습니다. 함께 즐겨보세요.
귀하의 학습 경로는 다음과 같습니다.
HTML
CSS
자바스크립트
학습 과정에서 더 많은 프로젝트를 수행해야 합니다. 예를 들어
SegmentFault홈페이지를 작성하는 경우 두세 개의 프로젝트를 수행하는 것이 가장 좋으며 레이아웃이 동일하면 안 됩니다위 작업을 완료한 후에는 노드와 웹팩을 접할 수 있습니다. 노드는 너무 깊고 큰 프런트 엔드에 속하기 때문에 이러한 도구를 이해하면 됩니다. 예를 들어, 먼저 다음 세 가지 인기 프레임워크를 이해하세요.
뷰
각도
반응
그럼 작은 프로젝트도 좀 해보고 나에게 맞는 프레임워크를 종합적으로 선택해서 행복하게 코드를 작성해보겠습니다.
Nodejs는 프론트엔드를 풀스택으로 만들 수 있는 변태 프레임워크입니다. 실제로는 백엔드를 학습하고 JavaScript 언어를 사용하고 있습니다.
물론 배우기 전에 먼저 서버가 무엇인지, 라우팅이 무엇인지, http 프로토콜에 대해 깊이 이해할 필요는 없습니다.
Nodejs 시작 튜토리얼 여기 코드를 두드려 시작했습니다.
그런 다음 표준 MongoDB를 배우면 마음대로 완전한 웹사이트를 개발할 수 있습니다.
다음 단계는 Alibaba Cloud, NetEase 등으로 이동하여 클라우드 서버 EC를 구매하는 것입니다.
그럼 도메인 구매
도메인 등록
그럼 웹마스터가 되세요
돌아보면 꽤 오랜 시간 걸어 다녔네요~~