프로그램/VUE

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 ＃VUE2에서는 값을 변경할 땐 data영역에 있는 값을 this. 접근 후 변경했습니다. ＃VUE3에서는 data, methods가 setup에서 처리할 수 있게 되었습니다. 변수의 값을 변경 할 때, ref를 사용하지 않은 변수는 값 변경이 불가능합니다. ref를 사용한 변수를 변경할 때는 '변수명.value'로 값을 변경해야합니다. 값 변경 function을 실행했지만 ref로 지정하지 않은 notRefName은 변경되지 않는 걸 볼 수 있습니다. 궁금하신 부분 또는 문제가 생긴 부분에 대해서 댓글 남겨주시면 빠르고 ..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 1. vue-cli를 통해 프로젝트 생성하기 vue create [프로젝트명] # vue 3버전으로 설치하기 Default ([Vue 3] babel, eslint)로 선택 vue-cli가 되어있지 않다면 링크를 통해 설치를 진행해주세요. 2. IDE를 통해 프로젝트 열기 프뚜는 IntelliJ를 사용하고 있습니다. 3. VUE에서 필요한 node_modules를 설치하기 # yarn yarn install # npm npm install 4. VUE 실행하기 # yarn yarn serve # npm npm serve 궁..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 1. powerShell (관리자 권한) 실행하기 2. 권한 상태 확인하기 get-ExecutionPolicy 권한의 종류는 아래와 같습니다. - Restricted: default설정값으로, 스크립트 파일을 실행할 수 없음 - AllSigned: 신뢰할 수 있는(서명된) 스크립트 파일만 실행할 수 있음 - Unrestricted: 모든 스크립트 실행가능 - ByPass: 경고/차단 없이 모든 것을 실행가능 - Undefined : 권한을 설정하지 않음 - RemoteSigned: 로컬에서 본인이 생성한 스크립트와, 신뢰할..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 프로젝트를 하던 중 웹뷰(외부)에서 vue function을 호출해야하는 상황이 생겼습니다.. 1. main.js에 window.app으로 바인딩 하기 window.app = app.mount('#app'); 외부 JS에서 Connect를 할 수 있게 window.app 부분을 추가합니다. 2. Connect.js에 function을 추가하기 # JS 폴더 경로 /public/js/Connect.js window.app.$root는 vue의 root를 가져올 수 있습니다. ※ 폴더는 public에 두어야합니다. (src 하..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 1. vue-cli 설치하기 # npm으로 설치하기 npm install -g @vue/cli # yarn으로 설치하기 yarn global add @vue/cli yarn이 설치 되어있지 않다면 링크를 통해 설치를 진행해주세요. 2. vue-cli 버전 확인하기 vue -V 궁금하신 부분 또는 문제가 생긴 부분에 대해서 댓글 남겨주시면 빠르고 정확한 답변드리겠습니다.

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - nodejs: v16.16.0 1. 명령 프롬프트를 실행하기 nodejs가 설치되어있지 않다면 npm이 정상적으로 실행되지 않습니다. 링크를 통해 nodejs를 설치해주세요. 2. npm을 이용해서 yarn 설치하기 npm install --global yarn 처음부터 프뚜를 따라오신 분들은 WARN이 발생하게 됩니다. (없으신 분들은 3번 패스) 3. npm WARN config global --global --local are deprecated. Use --location=global instead 해결하기(클릭) https://ssjeong.tistory.com/entry/VUE-npm-WARN-..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit 위 에러는 npm-windows-upgrade 패키지로 해결할 수 있습니다. 1. PowerShell(관리자 권한)을 실행하기 2. 아래 명령어로 세팅 및 설치하기 Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force npm install --global --production npm-windows-upgrade npm-windows-upgrade npm-windows-upgrade 실행 시, 최신 버전으로 선택하시면 됩니다. 궁금하신 부분 또는 문제가 생긴 부분에 대해서 댓글 남겨주시면 빠르고 정확한 답변드리겠습니다.

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit 1. nodejs 접속 후 설치 파일을 다운로드 하기 # nodejs 메인 페이지 https://nodejs.org/ko/ # nodejs 16.16.0 LTS (안정적, 신뢰도 높음) https://nodejs.org/dist/v16.16.0/node-v16.16.0-x64.msi # nodejs 18.6.0 (최신 버전) https://nodejs.org/dist/v18.6.0/node-v18.6.0-x64.msi 프뚜는 안정적, 신뢰도 높은 버전을 다운로드 하겠습니다. (16.16.0 LTS) 2. 다운 받은 파일을 실행하기 설치 경로를 선택합니다. (프뚜는 default 경로로 지정) 다른 선택 없이 ..