삽질블로그 삽질블로그

현재 화면을 실행하기 위해서는 front 서버, backend 서버의 각 package.json이 자리하고 있는 경로에서 각각 npm run으로 실행시켜줘야한다. 이 번거로움을 해결하기 위해 두 서버를 동시에 실행 시키는 방법이 있다. * 적용과정 1. 최상위 경로에서 라이브러리 설치( www.npmjs.com/package/concurrently ) $ npm install concurrently --save 2. 프로젝트 내 최상위 경로의 package.json에 scripts의 start option 하나 더 삽입 "dev" : "concurrently \"npm run backend\" \"npm run start --prefix client\"", 의미 > backend 실행 추가 후, clie..

* npm 라이브러리 설치 $ npm install axios --save * server와 client port번호 분리 ( server는 5000, client는 3000번 ) server쪽 index.js에서 listener에 포트번호설정 const port = 5000 //포트번호 ... // api 추가 app.get('/api/hello', (req, res) => { res.send("안녕하세요 !") }) app.listen(port, () => { console.log(`Example app listening at http://localhost:${port}`) }) * frontend에서 server 호출 - axios를 호출하는 컴포넌트 전체소스 import React, {useEff..

* Terminal에서 git 관련 명령어 $ git --version : 깃 버전 확인하기 $ git init : git환경 초기설정. Initialized empty Git repository in D:/p/webstorm/boiler-plate/.git/ 와 같은 문구가 뜸 $ git status : 깃 현재상태 확인 $ git add . : 전체파일 git Working Directory 에 올리기 $ git rm --cached : 원격 저장소에 있는 파일을 삭제( 사용예시 $ git rm --cached node_modules -r ) $ git commit -m "first commit" : "first commit"이라는 메시지로 Staging Area에 올리기 * git 구조 - 단계별 ..

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..

* 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..