react
-
[webstorm] react 깃헙에서 소스 다운로드 후 JSX 문법에서 오류가 날때성장과정(dev)/Frontend(feat. Vue, Next.js) 2020. 11. 17. 15:21
깃에서 소스를 다운로드 받은 후 위와 같은 에러가 발생한다. 에러내용 : Unresolved variable or type store 해결 & 설정방법 File - Settings - Languages & Frameworks - JavaScript에서 javascript language version 변경 React JSX로 변경 후 에러가 사라진다.
-
[node js] mongoDB 연결하기성장과정(dev)/Frontend(feat. Vue, Next.js) 2020. 10. 23. 16:53
1. mongoDB 계정생성 및 로그인 2. mongoDB 클러스터 생성( Create a new cluster ) - 무료티어가 있는 나라 중 가장 가까운 나라 싱가포르로 선택(서울은 무료제공이 없음) - 클러스터를 몇번 이상 생성하면 더이상 만들어지지 않음 - 생성하는데에 5~7분정도 소요 3. node module에 mongoose 설치 - 몽고디비를 쉽게 연결할 수 있도록 도와주는 툴 - 명령어 : npm install mongoose --save 4. DB 연결정보 가져오기 및 연결 - connect 클릭 connect your application에서 db정보 복사 - 최상위의 index.js에서 복사한 주소로 mongoose를 이용해 mongoDB 연결 const mongoose = requ..
-
[node js, react 입문] inflearn 강의 node js로 프로젝트 생성하기성장과정(dev)/Frontend(feat. Vue, Next.js) 2020. 10. 18. 03:59
* boilerplate이란? 프로젝트를 시작함에 있어 sign up이나 login 기능처럼 자주 쓰이는 기능은 재사용할 수 있도록 하나를 만들어놓은 다음에 여러 프로젝트에 갖다붙일 수 있도록 만들어놓은 소스 * node js란? javascript를 서버사이드에서 사용가능하게 만들어준 언어( java, php, 고, 파이썬 같은 하나의 언어 ) * express js란? node js를 쉽게 이용할 수 있도록 해주는 framework * node js 명령어 node -v : 노드 버전확인 npm init : npm package를 만듦 npm install 라이브러리명 --save : package.json에 import 자동추가 * 프로젝트 생성순서 1. 프로젝트 폴더생성 2. 해당 폴더 내에서 n..