본문 바로가기
NVM으로 node 버전 변경을 해보자 (windows) 상황에 따라 node 버전을 관리해야 할 때가 있다. 프로젝트 마다 버전이 다를 경우. .. nvm으로 관리하면 편하다 OS 별로 설치 방법이 달라서 혼란을 겪는 경우가 많아서 windows에서 사용 방법을 작성해보기로 했다. 1. programfiles/nodejs 폴더 삭제 2. Users/[username]/Appdata/Roaming 으로 가서 npm, nvm 폴더 삭제 3. 아래 링크에서 nvm-setup.zip을 다운로드 받은 뒤, 압축 풀고 nvm-setup.exe를 실행해서 설치한다. nvm windows 다운로드 링크 4. cmd를 관리자 권한으로 실행하고 명령어 입력 nvm install 18.16.0 nvm use 18.16.0 아래는 10.x.x로 버전 지정한 뒤, 18.16.0으로.. 2023. 5. 8.
npm run build 하고 발생하는 error:03000086 ERROR > npm run build > es6-module@1.0.0 build > webpack node:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen); ^ Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (C:\Users\D\Desktop\learnVue\PFV\es6-module\node_modules\webpack\lib\util\createHash.js:135:53) a.. 2023. 3. 30.
Vuex Helper 함수 사용 vuex 에서 Store 4가지 속성을 아래와 같이 변경하여 간편하게 불러올 수 있다. state > mapState getters > mapGetters mutations > mapMutation actions > mapActions 단, helper 을 알아보기 전에 ES6의 Object Spread Operator 에 대해 미리 숙지해야한다. ES6의 Object Spread Operator 사용은 ... 으로 하고 ... 예시 let kim = { field: 'back-end', language: 'java' }; let developer = { nation: 'korea', ...kim }; console.log(developer); 결과 [object Object] { field: "back.. 2023. 3. 27.
Vuex 설치하고 등록하기 Vuex 설치 1. 터미널에 명령어 입력 - 설치 시 버전을 명시해야하니 사용하는 vue 프로젝트 환경과의 호환성을 잘 확인 할 것. > cd [설치경로] > npm i vuex@3.6.2 --save PS C:\Users\kim\Desktop\learnVue\PFV> cd .\todo\ PS C:\Users\kim\Desktop\learnVue\PFV\todo> npm i vuex@3.6.2 --save added 1 package, and audited 951 packages in 1s 102 packages are looking for funding run `npm fund` for details found 0 vulnerabilities 2. 설치 되었는 지, package.json파일 내 dep.. 2023. 3. 24.
Vue CLI 설치하고 프로젝트 파일 생성하기 CLI 설치하기 node.js 를 설치하면 npm이 자동 설치된다. (위 링크 클릭 후 좌 우 중 좌측 LTS 다운로드) (npm이란? 노드 패키지 매니저다) 아래 명령어로 버전 확인 하고 > node -v v18.15.0 > npm -v 9.6.2 install 명령어 npm install -g @vue/cli 를 입력하면 설치 된다. 설치 완료 되었는지 아래 명령어로 버전을 확인하면 된다. > npm install -g @vue/cli > vue --version 공식문서 설치 가이드 주의 사항 - vs코드 터미널에서 실행 시, 윈도우는 vue가 아니라 vue.cmd로 실행해야 관리자 모드로 명령할 수 있다. - 외부 터미널에서 실행 시 cmd를 관리자 권한으로 실행해야 한다. - 환경변수 추가가 필.. 2023. 3. 22.
[Spring Batch] FileNotFoundException, DefaultBatchConfiguration.class 배치.. 이제 시작 좀 해보려는데 에러가 났다면? Caused by: java.io.FileNotFoundException: class path resource [org/springframework/batch/core/configuration/support/DefaultBatchConfiguration.class] cannot be opened because it does not exist spring batch core 5.0.0 버전으로 바뀌면서 일부 deprecate 발생한 부분이 있다. 기존 사용하던 JobBuilderFactory 를 JobBuilder로 , StepBuilderFactory를 StepBuilder로 변경해서 사용하기를 5.0.0에서 권장하고 있는 것이다. 그래서 강제로 batc.. 2023. 1. 12.
배열과 반복문 배열과 반복문 배열 요소의 합 구하기 배열에서 특정 범위의 데이터를 출력하고 개수 확인하기 배열에서 가장 큰 수 찾기 입력받은 숫자 만큼 배열 내 값 일괄 증가하기 배열 값을 거꾸로 나열한 새로운 배열 만들기 (2가지 방법) 1. 배열과 반복문 반복문을 이용한 배열의 전체 요소 접근 int ar8[3] ={10,20,30}; int ar8cnt=sizeof(ar8)/sizeof(int); for(int i =0; i &sum 은 이상한 값이 나온다. //배열이기 때문에 sum으로출력해야함 puts(""); int arr[] ={2,7,5,1,8}, Sum=0; int arrCnt = sizeof(arr) /sizeof(int); for(int e =0; e>&sum 은 이상한 값(6487404)이 나온다.. 2022. 9. 13.
배열(array) 배열 배열 배열 선언 배열 이름[index] 배열 초기화 예시 1. 배열(array) 배열(array) 한 번의 선언으로 같은 자료형의 데이터 공간을 메모리에 연속저으로 생성 변수와 같은 데이터를 담은 공간을 여러개 묶어놓은 형태 배열 선언(생성) 자료형 배열 이름[크기] ex) char i[10]; char형 데이터가 들어갈 공간 10칸 묶음 생성 배열의 요소(=배열 내부 데이터) 사용 index 번호를 이용하여 내부의 특정 데이터를 찾아간다. 배열이름[index] *index: 배열 내부의 데이터를 찾아갈 수 있게 해주는 참조 숫자 모든 배열의 index는 0번 부터 시작 ex) int ar[3]; ar 2022. 9. 13.
_sleep(숫자) - 반복문 응용 _sleep(숫자) 1부터 10까지 순차적으로 카운트 나오게하기 별 10개를 옆으로 순차 찍기 깜빡이는 별 순차적으로 깜빡이는 별 순차적으로 별찍고 앞부터 지우기 지그재그로 깜빡이는 별 1. _sleep(숫자) _sleep(숫자) Sleep(숫자) Windows.h헤더에 포함된 함수 #include 코드 진행에 딜레이 삽입이 가능 숫자는 1이 0.001초(1/1000초)를 의미 (ex. _sleep(1000) -> 딜레이 1초) _sleep이 작동 안할 때 Sleep 사용 1부터 10까지 순차적으로 카운트 나오게하기 #include #include int main(){ int i =1; while(1){ printf("%2d\r",i); _sleep(1000); if(i==10){ puts(""); br.. 2022. 9. 13.