- 책 정보최신 기술 흐름을 반영해 Vue 3의 핵심 기능을 실무에 바로 적용할 수 있도록, 실용적인 코드 예제와 함께 구체적으로 설명한다. 컴포지션 API, Pinia, 라우터 설정, 그리고 서버 사이드 렌더링 등 현대 웹 애플리케이션 구축에 필수적인 주제들을 상세히 소개한다. 또한, 최신 프런트엔드 개발 트렌드에 맞춘 단위 테스트, CI/CD 통합, 트랜지션 및 애니메이션 기능까지 설명하며 실전에서 바로 사용할 수 있는 프로젝트를 구축하는 방법을 제시한다.- 도서 리뷰이 책은 Vue의 기본 동작 원리와 구체적인 활용법을 상세히 다루면서도, 초보자와 중급자 모두 쉽게 따라할 수 있는 친절한 설명을 제공한다. 기초적인 Vue 인스턴스 구성부터 시작해 고급 컴포넌트 간 통신 방법, API를 통한 데이터 통..

- Do it! 프런트엔드 UI 개발 with Vue.js 서평단 선정! 도서 서평 내용 "Do it! 프런트엔드 UI 개발 with Vue.js"는 Vue.js와 부트스트랩 뷰를 활용하여 SPA를 개발하는 방법을 중심으로 다양한 프런트엔드 UI 개발 기법을 설명하고 있으며, Vue.js의 활용법과 함께 HTML, CSS의 다양한 활용법을 배울 수 있으며, 특히 HTML 요소에 데이터를 연결하여 동적인 콘텐츠를 만드는 방법 또한 잘 설명되어 있었다. "한 줄씩 코딩하다 보면 조금씩 완성되는 사이트를 눈으로 확인할 수 있다"는 말처럼, 책을 따라가며 진행되는 프로젝트를 통해 현실적이고 실용적인 프런트엔드 개발 스킬을 익힐 수 있다는 점이 큰 장점이였다. 개발 경험이 있는 독자들은 실무에서 바로 활용 가능한..

[Vue.js] 웹팩(webpack)으로 빌드하기 [npm 활용하여 모듈 가져오기] - 웹팩(webpack)으로 빌드하기 1. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. npm으로 모듈 설치하기 #npm 초기화 npm init #vue 설치 npm install vue #개발자모드로 web yermi.tistory.com - 웹팩(webpack) 빌드 자동화하기 코드 수정할 때마다 webpack을 build 해주는 건 매우 번거로운 일이다. webpack 뒤에 '--watch'만 추가해주면 자동으로 build를 해준다. "build": "webpack --wa..

- 웹팩(webpack)으로 빌드하기 1. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. npm으로 모듈 설치하기 #npm 초기화 npm init #vue 설치 npm install vue #개발자모드로 webpack, webpack-cli 설치 npm i webpack webpack-cli -D 3. webpack.config.js 세팅 const path = require('path'); module.exports = { entry: { app: path.join(__dirname, 'main.js') }, module: { rules: [{ }] }, plu..

- 뷰 컴포넌트(component) 활용하기 - 결과물 HTML 삽입 미리보기할 수 없는 소스 - 참고자료 [무료] 웹 게임을 만들며 배우는 Vue - 인프런 | 강의 간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다., - 강의 소개 | 인프런... www.inflearn.com