Front

https://github.com/nvm-sh/nvm GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active nod... github.com 이 사이트에서 복사 1. 터미널 bash에 1번 내용 복붙 2. vi ~/..

Node.js 버전 관리가 필요한 이유 모든 프로젝트가 버전이 최신은 아니다. 프로젝트 마다 Node.js 버전을 변경할 수 있는게 필요하다. https://nodejs.org/ko/download/releases/ 이전 릴리스 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js 사이트에서 원하는 Node.js 버전 맞추는 법 1. 이전 릴리스 페이지 들어가서 2. 원하는 버전 검색 3. 다운로드 클릭 4. 맞는 컴퓨터 버전으로 다운로드 하면 끝

env 파일 env 파일은 " 환경 변수 파일 " 을 의미한다. 이 파일은, 애플리케이션이 실행될 때 넘기고 싶은 특정 값을 담고 있는 변수가 기록되어 있다. 미리 정의된 값을 애플리케이션에서 활용하고 싶을 때 이 .env 파일을 활용한다. .env # Temp # 변수=값 VUE_APP_TITLE=HELLO App.vue

VUE CLI 공식 문서에 들어가면 Netlify 칸이 있다. Netlify 칸에서 _redirects 설정 안내를 확인할 수 있다. Single-page application 란? 특정 페이지의 정보를 서버에서 받아오는것이 아니라 미리 갖고있다가 필요시에 그 페이지로 (Javascript로) 전환 하는것 그랬을때 특정 주소(path)를 서버에서 알 길이 없다. 이 페이지에 대한 정보는 브라우저에 있기 때문에 클라이언트 정보를 알 수가 없어서 서버에 path를 알려줘야할 필요가 있다. (Netlify로 배포 시 웹사이트 처음 시작할때만 발생하는 에러 - 첫 화면부터 라우팅이 걸려있을때) 그걸 해결하기 위해 특정 도메인 뒤에 오는 URL들을 "_redirects" 라는 파일로 모든 접근에 대해서 index..

https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com 1. 이 사이트 들어가서 회원가입 누르면 깃허브, 깃랩으로 회원가입 할 수 있음 2. 깃허브로 회원가입하고 리포지터리 연결하자 1. 깃허브의 리포지터리 연결 2. 리포지터리의 폴더 연결 3. npm run build 명령어 작성 4. 리포지터리 폴더 속 ..

배포명령어 : rpm run build CLI로 생성한 프로젝트를 서비스에 배포하려면 제일 먼저 위 명령어를 실행해야 합니다. 실행하고 나면 호스팅 할 수 있는 형태의 HTML, CSS, Javascript, 이미지 등의 파일이 생성됩니다. 이렇게 생성된 자원을 빌드된 자원 이라고 부릅니다. dist 폴더 및에 호스팅 할 수 있는 파일들이 생성됩니다.

input에 메뉴명을 입력하면 해당 단어가 들어가 있는 메뉴 리스트업, 클릭시 해당 사이트 이동 구현 (한글 메뉴명은 X) skills.js const skills = [ { name: 'naver', url: 'https://www.naver.com/' }, { name: 'daum', url: 'https://www.daum.net/' }, { name: 'nate', url: 'https://www.nate.com/' } ] export default skills LoanLing.vue {{ res.name }}

https://whwl.tistory.com/42 [Vue.js] Vuetify 사용방법 프로젝트에서 프론트엔드 역할을 맡아 Vue.js로 작업하고 있다. 그래서 Vuetify를 공부하며 열심히 활용하고 있는 중이다. 처음에 뭔지 하나도 모르다가 직접 사용해보니 굉장히 편하다고 느꼈다. whwl.tistory.com https://codesandbox.io/s/ei812?file=/src/Animals.js autocomplete-example-1 - CodeSandbox autocomplete-example-1 by cj_1433 using @vue/cli-plugin-babel, v-autocomplete, vue codesandbox.io https://dwc04112.tistory.com/169 ..

{{ res }}

render 함수 란? -render 함수의 역할 : render 함수는template와 마찬가지로 html 템플릿을 만들지만 일부 장면에서 template로 실현하면 코드가 지루하고 번거로우며 대량으로 중복되기 때문에 이때 render 함수를 사용한다. - render 방법의 실질은template 템플릿을 생성하는 것이다. - 하나의 방법을 호출하여 생성하고 이 방법은render 방법의 매개 변수를 통해 전달한다. - 이 방법은 세 가지 파라미터가 있는데 각각 라벨 이름, 라벨 관련 속성, 라벨 내부의 html 내용을 제공한다. - 이 세 가지 파라미터를 통해 완전한 템플릿을 생성할 수 있다 - vue는 가상 DOM이기 때문에template 템플릿을 받을 때도 VNode 함수로 번역하고 render 함..