VitePress는 Vue.js 기반의 정적 사이트 생성기(SSG)입니다. VitePress는 특히 기술 문서화에 적합하도록 설계되었으며, Vite를 기반으로 하는 빠르고 현대적인 개발 환경을 제공합니다. Markdown 으로 작성된 소스 컨텐츠를 가져와서 테마를 적용한뒤 어디서나 사용 가능한 HTML 페이지를 생성 합니다. 1. 빠른 빌드 속도Vite 기반VitePress는 Vite를 기반으로 하여 매우 빠른 개발 환경을 제공합니다.Vite는 ES 모듈을 사용하여 빌드 속도를 극대화하며, HMR(Hot Module Replacement)을 통해 코드 변경 시 즉각적으로 브라우저에 반영됩니다.빠른 페이지 로드VitePress는 정적 사이트로 빌드되므로 페이지 로드 속도가 매우 빠릅니다이는 사용자 경험을 ..
VUE.js 로 front-end 개발을 처음 시작하기 위한 글을 작성해봤습니다. vue.js의 경우 진입장벽이 낮다, 비교적 쉽다 하는 내용의 글들이 많은데 다른 언어들과 비교해서 그런것이지 기본적으로 프로그래밍 언어라는 것이 생각보다 쉬운편은 아닙니다. 하지만 한번에 모든 것을 하겠다! 라는 마음이 아니라 그냥 거북이 걸음으로 차근차근 하나씩 해보지 뭐 라는 마음으로 접근한다면 어느새 그럴듯한 나만의 것들을 완성하는 자신을 발견 하실 수 있을 겁니다. vue.js 준비물 1. VISUAL STUDIO CODE - 통합 IDE TOOL visual studio code 다운로드 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a c..
내 PC 윈도우11 시리얼넘버 확인하는 방법 3가지 간혹 내 PC에 설치된 윈도우 11 제품키를 잃어버리는 경우가 있다.특히 요즘은 제품을 보관하거나 하지 않고 디지털 키로 대부분 받거나 데스크탑 또는 노트북 구매시 이미 설치가 되서 오는 경우가 많아서 제품키를 따로 보관하거나 하지 않는다. 하지만 PC를 포멧하거나 다른 PC로 업그레이드를 할 경우 시리얼 넘버가 필요한 경우가 간혹 있다.윈도우11 라이센스의 경우 구매비용이 꽤 크기 때문에 잘 보관해두는 것이 중요하다. 윈도우키를 알아 낼수있는 방법은 3가지 가 있다. command 창에서 직접 확인하기win + R 키를 누른후 command 창을 하나 띄운다.내 PC에 명령어를 내릴 수있는 command 창이 하나 나타난다. 뭔가 기계적인 느낌이고 어..
vscode에서 설치 가능한 code extension 소개vscode에서 vue.js의 개발은 매우 편리하며 꽤 좋은 개발 환경을 갖출 수있다. 다만 몇가지 extension을 추가 했을 때의 얘기다. vscode는 매우 다양한 extension을 제공해주는데 intellij나 이클립스에서 제공하는 plugin과 거의 동일한 역할을 한다.Prettier코드를 예쁘게 자동 정렬 extension 개인 취향에 맞게 옵션을 설정하여 코드 스타일을 예쁘게 맞출 수있다. 팀개발 초반에 공통으로 설정해두면 코드 통일성을 가질 수있어서 매우 유용하다. 기본설정# 기본옵션 { "editor.defaultFormatter": "esbenp.prettier-vscode", "[javascript]": { "editor...
Vue.js 의 특징과 장점 및 react와 angular 비교 Vue.js 특징 Vue.js는 사용자 인터페이스 개발을 위한 Progressive Framework이다. 여기서 프로그레시브라는 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사 용해 개발한 것을 뜻한다. 예를 들어 웹의 경우는 별도의 설치 없이 브라우저만 있으면 접속이 가능하기 때 문에 접근성이 매우 뛰어나다. 결국 Vue.js가 목표로 하는 것은 웹의 장점과 앱 의 장점을 모두 수용할 수 있는 진화된 웹앱 애플리케이션을 만들 수 있는 프레임 워크를 제공하는 데 있다. Vue.js는 SPA(Single Page Application) 개발을 위한 프론트엔드 프레임워크인데, 여기서 SPA는 단일 페이지 애플리케이션을 말한다. ..