본문 바로가기

전체 글350

Vue(9) Router 설치하기 (여러 페이지로 분리) Vue 에서 하나의 웹 페이지 안에 여러 페이지를 클릭해서 내용을 보려고 한다. Router 를 사용해서 원하는 페이지로 가보자 스포일러 로그인을 누르면 log in 이 나오고, 회원가입을 누르면 sign up 이 나온다. 덩달아 url 도 변경된다. 그럼 시작해보자 출발 1. 터미널에 다음 명령어를 사용하여 라우터를 설치해준다. npm install vue-router 2. 라우터가 들어갈 장소를 만들어 줘야한다. - routes 폴더를 만들고 그 안에 index.js 파일을 만들어준다. 3. 페이지(컴포넌트)들을 만들어 주자. - view 폴더를 만들고 그안에 LoginPage.vue 와 SignupPage.vue 를 만들어준다. 4. routes/index.js 라우터에 컴포넌트들을 넣어주자. - .. 2021. 7. 29.
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.
반응형