본문 바로가기
728x90
반응형

Programming137

( ) vscode extention : v-analyzer 사용하기 * 참고 : https://github.com/v-analyzer/v-analyzer 1. Powershell 에서 다음을 실행한다.curl -o install.vsh https://raw.githubusercontent.com/v-analyzer/v-analyzer/main/install.vsh; v run install.vsh; del install.vsh 2. v-analyzer extention 을 설치한 후에 `V-analyzer: Server Path` 항목에 v-analyzer 가 설치된 위치를 적어준다.C:\Users\아이디\.config\v-analyzer\bin\v-analyzer 2024. 3. 27.
(PHP) Windows 에 PHP 설치하기 브라우저에서 https://windows.php.net/download/ 에 접속합니다. 오른쪽에서 원하는 버전의 ZIP 파일을 다운로드 받습니다. 그리고, 화면 왼쪽 VC15 & VS16 항목에서 "Visual C++ Redistributable for Visual Studio 2015-2019" VC_redist.x64.exe 도 다운로드받아서 설치합니다. 이미 설치되어 있으면 설치하지 않아도 됩니다. 그리고, PHP ZIP 파일을 적당한 곳에 풀어서 폴더명도 정해봅니다. 저는 D:\bin\php-8.1.6 에 풀었습니다. 환경설정을 위해서 설정 > 정보 > 고급 시스템 설정 을 선택합니다. 시스템 속성 창에서 "환경 변수..." 버튼을 클릭한다. 환경 변수 창에서 Path를 찾아서 "편집..." 버.. 2022. 5. 13.
개발환경 구성과 프로젝트 생성 (Hello World) : Vue.js 3 강좌 (with Bootstrap, script-setup) 전체목차 : https://gauryan.tistory.com/214 이제, 본격적으로 시작해봅시다. 우선, https://code.visualstudio.com/ 에서 Visual Studio Code를 다운로드하여 설치합니다. 에디터는 자신이 원하는 다른 것(IntelliJ IDEA, Atom, Eclipse 등)으로 하셔도 괜찮습니다. Vue.js 3에 관련된 확장프로그램은 아래와 같이 설치하였습니다. https://nodejs.org/ 에서 Node.js를 다운로드하여 설치한다. node.js 설치를 마치고 다음처럼 설치가 잘 되었는지 확인해보자~! 저는 LTS버전을 설치했는데, 아무거나 설치하셔도 됩니다. Vue 3 프로젝트를 생성합니다. > npm init vue@latest Vue Route.. 2022. 3. 8.
Vue.js 3 강좌 (with Bootstrap, script-setup) Vue.js 3 의 기본적인 사용법을 설명합니다. Vue2 에서 Options API를 통해 개발했다면, Vue3 에서는 Composion API로 개발을 하게 됩니다. 보통, Composion API로 만들게 되면, Setup() 함수에 구현을 하는데요, 여기서는 Setup()함수를 사용하지 않습니다. 대신, script 태그 선언시에 setup 옵션을 추가합니다. 이렇게 하면 코드를 더욱 간결하게 작성할 수 있습니다. 개발환경 구성과 프로젝트 생성 (Hello World) 폴더와 파일에 대한 설명 뷰 데이터와 함수 데이터 바인딩 이벤트 데이터 양방향 바인딩 Computed 속성 Watch 속성 클래스&스타일 바인딩 v-if와 v-show v-for 리스트렌더링 여러개의 Vue 인스턴스 사용하기 Vue.. 2022. 2. 4.
Vue3 에서 같은 path (같은 컴포넌트) 를 호출할때 리로드하기 놀자코딩#Programming #Coding #Development #API #Server #python #golang #java #nodejs #javascript #프로그래밍 #코딩 #개발 #서버 #파이썬 #Go언어 #자바 #노드 #자바스크립트www.youtube.com  path 를 "/abc/:id" 와 같은 식으로 정의하고, "/abc/1" 페이지에서 "/abc/2" 페이지를 호출하려는 경우에 페이지가 리로드되지 않는다. 이런 경우, 아래와 같이 해주면 해결될 것이다. 2022. 2. 4.
Vite + Vue3 + Javascript + Electron 를 이용한 데스크탑 앱 개발 환경 놀자코딩#Programming #Coding #Development #API #Server #python #golang #java #nodejs #javascript #프로그래밍 #코딩 #개발 #서버 #파이썬 #Go언어 #자바 #노드 #자바스크립트www.youtube.com Vite + Vue3 + Javascript + Electron 를 이용하여 데스크탑앱 개발 환경을 설정해보자. 참고했던 문서에서는 Typescript 로 되어 있었는데, 필자는 아직 Javascript를 쓰고 싶다. ^^;Step 1. Vite 프로젝트 생성하기> yarn create viteyarn create v1.22.17[1/4] Resolving packages...[2/4] Fetching packages...[3/4] .. 2022. 1. 25.
728x90
반응형

티스토리툴바