Front

https://www.inflearn.com/course/vue-js-%EB%81%9D%EB%82%B4%EA%B8%B0-%EC%BA%A1%ED%8B%B4%ED%8C%90%EA%B5%90/unit/32023?tab=curriculum 학습 페이지 www.inflearn.com

Connect 버튼 클릭 Connect your application 클릭 mongodb+srv://test:@cluster0.uwxudde.mongodb.net/?retryWrites=true&w=majority 복사 코드에 붙여넣기 라고 써진 부분만 실제 비밀번호로 바꿔주기 서버 껐다가 다시 빌드하면 아래의 문구가 뜬다. 사용 중지 경고: 현재 서버 검색 및 모니터링 엔진은 사용 중지되었으며 이후 버전에서 제거될 예정입니다. 새 서버 검색 및 모니터링 엔진을 사용하려면 {useUnifiedTopology: true} 옵션을 MongoClient 생성자에게 전달하십시오. {useUnifiedTopology: true} 를 복사해서 객체가 아닌 Key : Values 로 아래처럼 넣어주기 // mongo..

// mongo db const db = mongoose.connection; db.on('error', console.error.bind(console, 'MongoDB connection error:')); mongoose.connect( 'mongodb+srv://test:1234@cluster0-ypgh5.mongodb.net/test?retryWrites=true&w=majority', { useNewUrlParser: true, }, ); mongoose.Promise = global.Promise; mongo DB를 node.js에 연결하는 코드 https://cloud.mongodb.com/v2/6339b241f558420f5ab263a3#clusters Cloud: MongoDB Clou..

1. package.json에 설정해놓은 라이브러리 사용하기위해 API 서버에 npm i 받기 2. 성공했으면 npm run dev 명령어로 서버 실행 3. 설정해 놓은 주소가 3000 4. 확인시 Cannot GET / 화면이 뜨면 성공

1. nvm install 10.16.3(Node.js 버전) 2. Now using node v10.16.3 → 이제 노드 10.16.3 버전을 사용합니다 3. node -v 노드 버전확인 명령어에 v10.16.3 변경된것 확인 가능

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. 리포지터리 폴더 속 ..