May 2025
Beginner to intermediate
350 pages
5h 20m
Korean
Content preview from Vue 학습
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
1장. Vue.js 세계에 오신 것을 환영합니다!
이 작품은 AI를 사용하여 번역되었습니다. 여러분의 피드백과 의견을 환영합니다: translation-feedback@oreilly.com
2014년에 처음 출시된 Vue.js는 특히 2018년에 빠르게 채택되었습니다. Vue는 사용 편의성과 유연성 덕분에 개발자 커뮤니티에서 인기 있는 프레임워크입니다. 우수한 성능의 웹 애플리케이션을 빌드하여 최종 사용자에게 제공할 수 있는 훌륭한 도구를 찾고 있다면 .
이 장에서는 Vue.js의 핵심 개념을 강조하고 Vue.js 개발 환경에 필요한 도구를 안내합니다. 또한 Vue.js 개발 프로세스를 더 쉽게 관리할 수 있는 유용한 도구도 살펴봅니다. 이 장이 끝나면 간단한 Vue.js 애플리케이션이 포함된 작업 환경이 준비되어 Vue.js 학습 여정을 시작할 수 있습니다.
Vue.js란 무엇인가요?
프랑스어로 보기를 뜻하는 Vue.js는 프론트엔드 애플리케이션에서 프로그레시브, 컴포저블, 반응형 사용자 인터페이스 (UI)를 구축하기 위한 JavaScript 엔진입니다.
참고
이 시점부터 Vue.js를 나타내는 데 Vue라는 용어를 사용하겠습니다.
Vue는 JavaScript 위에 작성되었으며 웹 애플리케이션을 구조화하고 빌드하기 위한 체계적인 메커니즘을 제공합니다 . 또한 배포하기 전에 빌드 타임에 Vue 코드(단일 파일 컴포넌트, "Vue 단일 파일 컴포넌트 구조"에서 자세히 설명할 것 )를 컴파일하고 동등한 HTML, CSS 및 JavaScript 코드로 번역하는 트랜스 컴파일러(트랜스파일러) 역할도 합니다. 독립형 모드(생성된 스크립트 파일 사용)에서는 Vue 엔진이 런타임에 코드 번역을 대신 수행합니다.
Vue는 MVVM(모델-뷰-뷰모델) 패턴을 따릅니다. MVC(모델-뷰-컨트롤러)와 달리,1 뷰모델은 뷰와 모델 사이의 데이터를 바인딩하는 바인더입니다. 뷰와 모델에 대한 직접 통신을 허용하면 컴포넌트의 반응성이 점진적으로 활성화됩니다 .
요컨대, Vue는 뷰 레이어에만 초점을 맞추기 위해 만들어졌지만 점진적으로 다른 외부 라이브러리와 통합하여 더 복잡한 용도로 사용할 수 있도록 조정할 수 있습니다.
Vue는 보기 계층에만 초점을 맞추기 때문에 단일 페이지 애플리케이션 (SPA)을 개발할 수 있습니다. SPA는 백엔드()와 지속적으로 데이터를 통신하면서 빠르고 유동적으로 이동할 수 있습니다.
Vue의 공식 웹사이트에는 API 문서, 설치 및 주요 사용 사례가 포함되어 있습니다().
최신 웹 개발에서 Vue의 이점
Vue의 가장 큰 장점은 잘 작성되고 이해하기 쉬운 문서입니다. 또한 개발자가 최소한의 노력으로 프로젝트를 설정하고 실행할 수 있도록 Vue 라우터, Vuex, Pinia 등 Vue를 중심으로 구축된 에코시스템과 지원 커뮤니티가 도움이 됩니다.
Vue API는 AngularJS나 jQuery를 사용해 본 적이 있는 사람이라면 누구에게나 친숙하고 간단합니다. 강력한 템플릿 구문을 통해 필요한 학습 노력을 최소화하고 애플리케이션에서 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.