본문 바로가기

분류 전체보기175

Vuetify 3 설치 및 적용하는 방법 Vuetify 3 설치 및 적용하는 방법Vuetify는 Vue.js를 위한 인기 있는 UI 라이브러리로, Material Design 기반의 아름답고 반응형 웹 애플리케이션을 쉽게 만들 수 있도록 도와줍니다. Vuetify 3는 Vue 3과 함께 작동하며, 더 나은 성능과 새로운 기능들을 제공합니다. 아래는 Vuetify 3를 설치하고 프로젝트에 적용하는 방법을 단계별로 정리한 내용입니다.1. Vuetify 3 설치 준비Node.js 설치 확인Vuetify를 사용하기 위해서는 Node.js가 설치되어 있어야 합니다. 설치가 되어 있지 않다면, Node.js 설치 방법을 참고하여 설치합니다.Vue.js 프로젝트 생성Vuetify를 설치할 Vue.js 프로젝트가 필요합니다. 먼저 Vue CLI를 사용하여 새.. 2024. 8. 8.
Node.js 다운로드 및 설치 방법 Node.js 다운로드 및 설치 방법Node.js는 서버 사이드 애플리케이션을 개발하기 위한 JavaScript 런타임입니다. 다양한 플랫폼에서 사용되며, 비동기 이벤트 기반의 아키텍처 덕분에 높은 성능을 자랑합니다. 아래는 Node.js를 다운로드하고 설치하는 방법을 단계별로 정리한 내용입니다.1. Node.js 다운로드Node.js 공식 웹사이트 방문Node.js 공식 웹사이트에 접속합니다.버전 선택웹사이트에 접속하면 두 가지 버전이 표시됩니다:LTS (Long Term Support): 안정성이 중요할 때 추천합니다.Current: 최신 기능이 포함된 버전으로, 실험적인 기능을 사용하고 싶을 때 선택합니다.자신의 필요에 맞는 버전을 선택하여 다운로드합니다.운영체제 선택다운로드 페이지에서 Window.. 2024. 8. 8.
npm install 오류 발생 시 해결 방법 npm install 오류 발생 시, 해결 방안  방법 1) pacakage-lock.json을 삭제 후, npm install 실행    방법 2) pacakage-lock.json과 node\_modules 모두 삭제 후, npm install 실행   방법 3) npm cache clean —force           이 명령어는 npm의 cache를 모조리 삭제하는 명령어 2024. 8. 8.
내부망에서 vue 설치 및 개발 환경 구축하기 내부망에서 vue 설치 및 개발 환경 구축하기최근 내부망에서 자바 환경을 설정하기 위한 과정을 진행했습니다. 이 과정은 Node.js와 Vue.js, 그리고 Vuetify를 활용한 웹 개발 환경을 구축하는 데 중점을 두었습니다. 아래는 설치 과정과 주요 단계들을 정리한 내용입니다.1. 방화벽 오픈 요청먼저, 인터넷에 접근할 수 있도록 인프라팀에 방화벽 오픈을 요청했습니다. 이는 외부 패키지 다운로드와 업데이트를 위해 필수적입니다.2. V3 행위 기반 진단 해제 요청V3 보안 프로그램의 행위 기반 진단 기능을 해제 요청했습니다. 이 단계는 설치 과정에서 발생할 수 있는 방해 요소를 제거하기 위해 필요합니다.3. 폴더 생성C:// 루트 디렉토리에 dev와 workspace라는 두 개의 폴더를 생성했습니다. .. 2024. 8. 8.
728x90
반응형
LIST

티스토리툴바