목록Web/Vue (4)

Flutter 개발 상자

[Vue] package.json 분석

기본 코드 분석 (Vite){ "name": "vue-project", "version": "0.0.0", "private": true, "type": "module", "scripts": { "dev": "vite", "build": "vite build", "preview": "vite preview" }, "dependencies": { "vue": "^3.4.29" }, "devDependencies": { "@vitejs/plugin-vue": "^5.0.5", "vite": "^5.3.1" }} - name : 뷰 애플리케이션의 이름- version : major.minor.patch- private : 외부 공개 여부- scripts : 뷰 ..
Web/Vue 2024. 9. 20. 11:08
[Vue] CDN과 NPM은 무엇이고, 뷰 애플리케이션 생성시 차이점은 무엇인가? +Vita

CDN의 정의 CDN (Content Delivery Network)- 전 세계 여러 서버에 콘텐츠를 분산 배치하여 사용자에게 더 빠르게 제공하는 네트워크- 주로 웹 페이지의 정적 자산 (이미지, CSS, JavaScript)을 전송하는데 사용됨- 주요 목적은 콘텐츠 로딩 속도를 개선하고 서버 부하를 줄이는데 있음 CDN의 문제점 1. CDN의 서버 의존성 : 외부 CDN을 사용할 경우 CDN서버가 다운되거나 문제가 발생하면 웹 사이트 성능이 저하되거나 콘텐츠가 로드되지 않을 수 있음. 주요 사례 - https://news.hada.io/topic?id=14613 2. CDN 지역적 가용성 문제 : CDN는 전 세계에 분산되어 있지만 모든 CDN 제공자가 전 세계 모든 지역에 동일한 수준의 인프라를 갖추..
Web/Vue 2024. 9. 20. 10:53
[Vue] 프로젝트 생성시 npm install을 왜 해야하는가

npm create vs npm install npm create : 뷰 애플리케이션 구조를 생성하는것- 뷰 애플리케이션을 만들기 위한 폴더나 파일, 필요한 패키지 정보(package.json)를 설치해줌- 패키지 자체 (node_modules 폴더) 를 설치해주진 않음  npm install : 뷰 패키지를 설치하는것- 패키지 자체 (node_modules 폴더) 를 설치하며 패키지 정보는 package.json에 기록됨
Web/Vue 2024. 9. 20. 09:31
유데미 프로젝트로 쉽게 배우는 Vue.js 3 기본편 완강 후기

수강생 수준 저는 모바일 개발자이며, 웹개발을 아예 안해본건 아니지만 html, css, js 웹개발 기초 3개의 문법이 거의 가물가물한 상태였습니다.그와중에 웹 프론트 프레임워크를 공부해야할 일이 생겨서 가장 입문  난이도가 낮은 Vue를 공부하게 되었습니다.  강의 수준 일단 저처럼 웹개발을 하지 않던 사람이 듣는건 비추천합니다.강의는 일단 어느정도 수준의 html, css, js를 다룰 줄 아는 사람을 기준으로 강의를 진행하고 있으며 템포가 굉장히 빠른편이고 클론 코딩느낌의 프로젝트 위주의 수업입니다. 따라서 기초가 부족하다면 강의의 내용이 머리에 잘 안들어올 수 있습니다.  장점과 단점 - 장점최신 API 반영으로 강의 내내 버전이슈로 오류가 나는 경우가 없었습니다.강의 길이가 짧아 빠르면 하루,..
Web/Vue 2024. 7. 31. 15:50
이전 Prev 1 Next 다음