본문 바로가기

분류 전체보기346

Vue(8) import 시 @/ 로 시작하는 절대경로 설정하기 vue 에서 파일경로를 작성할 때, 상대경로보다는 절대경로가 훨씬 편하다. @를 활용한 절대경로 작성법을 알아보자. import Demo from '../../demo/basic/Demo' // 상대경로 import Demo from '@/demo/basic/Demo' // 절대경로 1. 프로젝트 최상단 루트에 jsconfig.json 이라는 파일을 만들어준다. 2. 그 안에 아래 내용을 붙여준다. 그럼 최상단 루트 내에서 @/붙여 절대경로를 자유로이 사용할 수 있다. { "compilerOptions": { "baseUrl": ".", "paths": { "~/*": [ "./*" ], "@/*": [ "./src/*" ], } }, "exclude": [ "node_modules", "dist" ] } 2021. 7. 28.
Vue 실행오류 - 'node' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. NVM 설치 후 node.js 를 설치했는데 아래와 같은 에러 메시지가 나왔다. 'node' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하 십시오. 하나하나 확인해보면서 문제 범위를 좁혀보기로 했다. node 는 설치가 되었는데 왜 version이 안나올까? 1차 시도) 환경변수 경로 설정문제인가? 1. 윈도우 - 고급시스템설정 검색 2. 고급 - 환경변수 클릭 3. 환경변수 안에 해당 경로가 있는지 확인... 했는데 둘다 있음 (문제없는 걸로 판단) C:\Program Files\nodejs C:\Users\유저이름\AppData\Roaming\npm 2차 시도).. 2021. 7. 24.
Vue - (Windows) 윈도우용 NVM 설치하기 작업환경 세팅 중, 지난번에 작성한 ↓ 포스팅을 참고하여 고대로 윈도우에서 NVM 설치를 했다. (깃에서 명령어로 설치) 하지만 .... !! Vue - (맥os) NVM설치하기 Updated 2021/05/17 개발을 하다보면 프로젝트 별로 node.js 버전이 각각 다른 경우가 있다. 예를 들면 실습강의에선 node 버전이 v10.22.6 인데, 회사 프로젝트에서는 v10.16.3인 경우이다. 이럴 때 손쉽게 명 devbirdfeet.tistory.com 아니나 다를까 문제가 생겼다. node 설치 후 오류가 나는 것이다. NVM 은 Linux, Mac 기반에서 설계되었기 때문에 Window 에서는 Window 용 NVM 을 따로 다운받아 설치해줘야 한다. 😭 NVM 삭제하기 지난번에 쓴 포스팅으로 .. 2021. 7. 23.
JavaScript 알고리즘 (3) 삽입정렬 (Insertion Sort) 알고리즘 세번째 시간 😀 삽입정렬에 대해 알아보자삽입정렬삽입정렬은 각 숫자를 적절한 위치에 삽입하는 방법이다.선택정렬, 버블정렬은 이중포문으로 원소들을 몽땅 검사하면서 위치를 바꾸는 정렬이었지만, 삽입정렬은 조건을 걸어 필요할 때만 위치를 바꾸게 된다.그래서 버블정렬과 선택정렬보다 더 빠르지만 시간복잡도는 O(N^2)으로 엄청 막 효율적이라고는 말할 수 없다안정적인 정렬 알고리즘이고, 제자리 정렬 알고리즘 이다. (비교와 교환을 통해 정렬하는 알고리즘이므로 다른 메모리 공간을 필요로 하지 않음) 뒤죽박죽인 배열 내의 숫자들을 오름차순(1, 2, 3, ... 10)으로 정렬해보자자, 준비물은 array, temp 다. 이 변수들 안에 숫자들을 담아 능력껏 줄세워보자.let array = [1, 5, 4,.. 2021. 7. 22.
Vue - (Windows) NVM 삭제하기 예전에 설치해놓은 Node.js를 깜박하고 NVM을 설치해 충돌이 났다. 급히 node.js를 지우고 nvm을 uninstall 하기위해 이것저것 뒤져보고 있었다. Vue - (Windows) NVM 삭제하기 stack overflow에서 여러 방법을 제시하고 있었다. 1. 제어판 → Programs → Programs and Features 에서 삭제하기 → 하지만 제어판에는 nvm은 존재 하지 않았다. (띠로리😵‍💫) + (추가07.21) 당연히 존재하지 않는게 windows 에서 setup 파일을 이용해 설치했으면 보이겠지만, 리눅스용 명령어로 설치했기에 보이지 않는 것이였다. 2. .bashrc 또는 .bash_profile 에 추가한 아래 내용을 삭제한다. 1) 아래 명령어를 터미널에 치면 파일.. 2021. 7. 21.
Vue - (Windows) Node.js 삭제하기 작업환경 세팅 겸 NVM을 설치하다 충돌이 났다. 예전에 설치한 node.js 때문이었다. node.js 먼저 삭제후 nvm을 설치해야 했다. 과거에 Mac으로 똑같은 실수를 저질러서 맥버전 node.js 삭제하기 포스팅을 올렸던 기억이 났다. 인간은 망각의 동물이라던데 흐흑 😭 그래 기왕 이렇게 된 거 나와 같은 처지의 검색러분들께 도움이나 되자하고 끄적여본다 ! 1. 제어판 - 프로그램 제거 에서 node.js를 삭제해준다. 정말 다행인 것은 Mac과는 달리 윈도우에서 프로그램 제거만 하면 끝이라는 거다. 2. 자 제거를 시작하지 3. 터미널에서 node 명령어를 입력해보면 나오지 않는다면 성공! NVM 삭제도 해야한다면? ↓아래 포스팅을 클릭해주세요. Vue - (Windows) NVM 삭제하기 예.. 2021. 7. 20.
JavaScript 알고리즘(2) 버블정렬(Bubble Sort) Updated 10/30/22 알고리즘 두번째 시간😀 원리를 알아가니 퍼즐이 맞춰지는 느낌이다. 이렇게 하나하나 알아가보자! 자 그럼 버블정렬에 대해 알아가보자 버블 정렬(Selection Sort) 정렬알고리즘 중 버블 정렬은 가장 큰 숫자를 선택해서 뒤로 보낸다. 옆 원소랑 비교해서 더 작은 값은 앞으로, 최대값을 뒤로 보내자! 뒤죽박죽인 배열 내의 숫자들을 오름차순(1, 2, 3, ... 10)으로 정렬해보자 자, 준비물은 array, temp 다. 이 변수들 안에 숫자들을 담아 능력껏 줄세워보자. 첫번째 원소자리에는 1st - 10th 원소 검사해서 젤 큰 수를 맨뒤로 넣고, 두번째 원소자리에는 1st - 9th 원소 검사해서 젤 큰 수를 맨뒤로 넣고, 세번째 원소자리에는 1st - 8th 원소 .. 2021. 7. 19.
JavaScript 알고리즘 (1) 선택 정렬 (Selection Sort) 예전에는 알고리즘을 생각해볼 여유도 없이 프로그래밍 언어와 문법 위주로만 공부하기 바빳다. 알고리즘까지 배울 레벨과 여력이 안된다고 생각하여 주위에서 중요성을 설파할 때면 귓등으로 넘긴 것 같다.코딩테스트를 그때그때 머리에 의존하여 풀어내면서 이제서야 알고리즘에 대한 중요성을 확실히 깨달았다. 하지만 자바스크립트로 푸는 알고리즘 자료는 많이 없다. 아마도 자바스크립트 언어 특성상 파이썬이나 자바에 비해 자료구조 등을 효율적으로 쉽게 풀어내기가 어려워서라고 생각한다. 그렇지만 포기는 없다. 자 그럼 이제부터 한걸음씩 시작해보자. updated 06/09/24알고리즘 강의를 2번째 보고있는 중이다. 개념과 이해는 어느정도 잡혔지만어느날 누군가 나에게 던진 질문처럼 이 알고리즘이 왜 사용해야하는지에 대한 답은.. 2021. 7. 18.
Window - 윈도우10 화면 녹화 하기 Mac 에만 화면 녹화 기능이 내장되 있는 줄 알았는데 윈도우도 이런 멋진 기능이 있을 줄이야. 자, 따라해봅시다. 1. 시작 - 설정 - 게임 까지 들어온다. 2. window + g 로 녹화창 오픈하고, window + alt + r 로 녹화시작 (중지할때도 동일) ! 3. 캡쳐파일은 기본으로 해당 경로에 저장된다. 주의할 점 - 활성화된 창만 자동영역으로 지정되어 녹화가 된다. - 만약 맥처럼 원하는 영역만 crop해서 녹화하고 싶다면, 편집 프로그램을 이용해야된다. - 본인도 포스팅쓰면서 하다가 막혀서 방금 찾아 편집한 사이트이다. (아이폰 비디오 편집 느낌) https://online-video-cutter.com/ko/ 온라인 비디오 커터 - 비디오 잘라내기, MP4, AVI, MPG, 3GP.. 2021. 7. 17.
반응형