본문 바로가기

Vue.js, Node.js

nvm, yarn 이란 (2023.11.12) 오늘도 메인, 관리자, 홈에서의 template을 찾고 있던 와중에 맘에 드는 admin template을 발견했다. 근데 평소와 같이 실행을 npm run serve 나 dev로 하지 않고 yarn을 사용하는 것이었다. 일단은 yarn을 처음 써봐서 알아보았다. yarn은 npm 과 같은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자이고, npm은 패키지를 순차적으로 설치하는데 비해 yarn은 동시에 가져와 설치하는 방법으로 속도의 차이가 있다 하지만 개발을 거듭하며 속도 차이는 비슷하다고 나와있고, 보안성은 yarn이 더 좋다고 한다. 하지만 나는 속도나 보안성보다 구조적으로 사용함에 있어서 편리함을 더 우선 시 여기고, 계속 써왔기 때문에 npm을 주로 사용.. 더보기
npm, yarn 이 시스템에서 스크립트를 실행할 수 없으므로 ~~ 파일을 로드할 수 없습니다. #ERROR (2023.11.12) 처음 vue에서 환경세팅이랑 실행할 때 >> 이 시스템에서 스크립트를 실행할 수 없으므로 ~~ 파일을 로드할 수 없습니다. 에러가 발생했다. 해결: 검색 > windows powershell (관리자실행) > get-ExecutionPolicy 실행으로 현재 권한 상태 확인하면 Restricted로 제한되어 있음. - RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파일 실행할 수 있습니다. RemoteSigned로 권한을 변경해주기 위해 > Set-ExecutionPolicy RemoteSigned 변경된 권한을 다시 확인하기 위해 > get-ExecutionPolicy 을 실행하면 RemoteSigend로 변경되고 npm, yar.. 더보기
vue-springBoot 연동 환경세팅 기록(DB-spring 연결 단계) (2023.11.06) 오라클에서 계속 ORA-12560: TNS:프로토콜 어댑터 오류가 발생했는데 삭제를 하고 다시 깔아도 서비스를 켜도 싹다 안됐는데 cmd에 아래 명령어를 치고 서비스 재시작을 하니 해결됐다.. ORADIM -NEW -SID ORCL dbeaver 연동까지 4시간 걸렸다.. schemas에서 이번 프로젝트에 사용할 pfpage를 우측마우스로 생성해주고 localhost script로 권한 부여까지 해주었다. GRANT CREATE SESSION TO pfpage; GRANT CONNECT, resource TO pfpage; ALTER USER pfpage DEFAULT tablespace users quota unlimited ON users; 테스트 삼아 CREATE TABLE .. 더보기
vue bootstrap 템플릿 적용 그리고 ('vite'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.) Error 해결 (2023.11.05) 화면을 구성하기 이전에 내가 처음부터 만드는 것 보다 누군가가 잘 만들어놓은 템플릿을 적용해서 쓸 건 쓰고 느낌도 잡고 싶어서 시도했음. 구글에서 아무렇게나 친 템플릿 종류 글 중에 https://themeselection.com/bootstrap-vue-admin-template/ 이 사이트에 들어가서 download를 시도하니 https://github.com/epicmaxco/vuestic-admin 깃헙 사이트를 알려주었고 # clone the repo $ git clone https://github.com/epicmaxco/vuestic-admin.git myproject # go into app's directory and install dependencies: $ cd.. 더보기
vue-springBoot 연동 환경세팅 기록(DB 이전 단계) (2023.11.03) 아직 DB 연결 안하고 vue랑 springBoot 로 axios , api 로 데이터 왕복까지 세팅 ▷ 환경 ▶ backend > PORT : http://localhost: 8088 > application.properties에 server.port = 8088 하나만 씀 mvc패턴 정의 안함. - jdk > Version: 1.8 > sts4 구동 시 JavaSE11 버전 썼더니 안된다고 오류떠서 정정함 > jdk 적용 시 프로젝트 우측 마우스에서 build path 랑 properties > project facets 둘 다 바꿔줘야댐 - sts > Version: 4 > spring.io 에서 maven, 1.8, 스프링 버전은 아무거나, (lombok, spring we.. 더보기
(Vue.js) Uncaught TypeError: Cannot read properties of undefined (reading 'use') 그리고 (0 , vuex__WEBPACK_IMPORTED_MODULE_1__.createStore) is not a functionTypeError: (0 , vuex__WEBPACK_IMPORTED_MODULE_1__.createStore) is not a function (2023.10.27) 처음에는 router 세팅 시 Vue.use(VueRouter); 를 쓰는데 계속 아래처럼 use를 사용할 수 없었다. > Uncaught TypeError: Cannot read properties of undefined (reading 'use') cli, vue 버전때문이라 판단하고 (vue3 사용) - router > index.js import { createWebHistory, createRouter } from "vue-router"; export const router = createRouter({ history: createWebHistory(), routes: [ ], }); - main.js import { createApp } from "vue"; import.. 더보기
(Vus.js) This is related to npm not being able to find a file. 에러 (2023.10.27) 평소같이 vue에서 npm run serve를 하는데 다음과 같은 에러가 뜨면서 시작이 안됨 npm ERR! path C:\JBWorkspace\vueLearn\package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'C:\JBWorkspace\vueLearn\package.json' npm ERR! enoent This is related to npm not being able to find a file. > 현재 경로는 C:\JBWorkspace\vueLearn\ 이거였는데 package.json은 하위 폴더인 C:\JBWorkspace\vueLearn\vue-news 에 .. 더보기