서버를 킨 다음 코드를 수정하면 서버를 내린 후 다시 올려야 적용이 되는데 nodemon을 사용하면 소스를 수정하면 감지해서 자동으로 서버를 시작해줍니다. 오늘은 nodemon을 사용해보겠습니다. 1. $ npm install nodemon --save-dev -dev : development모드. devdependencies에 들어감 2. scripts에 다음과 같이 "backend": "nodemon index.js"를 추가해줍니다. nodemon으로 index.js를 시작한다는 뜻입니다. 이부분에서 "backend"를 "dev"로 바꿔주셔도 상관없습니다. 3. $ npm run backend를 이용하여 시작해주시고 서버를 재시작 하지않아도 코드를 변경하고 refresh를 하시면 바로 적용됩니다.
이번 게시글에서는 회원가입 기능을 만들어 보겠습니다. 클라이언트와 서버가 통신하는 법은 브라우저와 같은 클라이언트(사에트에서 정보입력)에서 서버로 정보를 보내야하는데, 현재 서버는 우리가 만들고 있는 부분입니다. 서버에서 받아야 할 부분은 Body-parser Dependency로 받아옵니다. 그럼 구현을 해봅시다. VScode의 터미널에서 $ npm install body-parser --save 를 입력하여 Body-parser를 설치하여 줍니다. client에서 Request를 줘야하는데 현재 client가 없으니 데이터를 클라이언트에 보내기위해 post man 을 통해 request를 보냅시다. Post man을 검색 후 다운로드 해줍니다. 4. Register Route만들기 이전에 간단한 라우..
VScode를 Github과 연동하는 작업을 해보겠습니다. 우선 다음과 같이 Local에서 Github사이트로 보내려면 $ git push 라는 명령어를 통해 보내야 합니다. git repository(local, 내 컴퓨터) → git repository(remote, github사이트) git push Git repository (REMOTE, github) : 클라우드 서비스, .git을 사용하는 서비스 Git : 분산 버전 관리 시스템, 소스코드를 관리할 수 있는 툴 github가입 create a new repository 다음 부분을 터미널에 치면 Git repository로 옮겨가는데 현재는 ssh연결이 없기 때문에 오류가 날 것 입니다. 다음은 인프런 강의 자료입니다. 4. 여기서 Our ..
Git을 설치해보도록 하겠습니다. 1. Git사이트에 들어가 다음을 다운받습니다. 2. CMD에서 다운로드 후 확인을 하는 명령어 $ git --version 을 입력합니다. 다음과 같이 출력되면 설치 된 것 입니다. 3. 코드의 버전관리를 위해 저장소를 만들겠습니다. 아래 그림은 인프런 수업 자료입니다. working directory : 처음 있는 상태 staging area : git에만 존재하는 상태라고도 하며, git 저장소(repository)에 넣기 전에 한번 저장하는 곳 4. VScode의 터미널에 $ git init을 입력합니다. 이 부분은 깃 저장소에 들어갈 준비를 하는 것입니다. 5. $ git status는 현재 가지고 있는 파일들을 보여줍니다. 6. node_module(라이브러리..
Mongodb사이트에서 회원가입후 클러스터를 만들 것입니다. 1. Create New Cluster 를 눌러줍니다. 한국은 없어서 가까운 싱가포르 선택(공짜 티어를 받을수 있는 국가) 클러스터 이름을 작성하여 줍니다. 클러스터를 완성하였습니다. Connect를 눌러서 계정을 만들고 Choose a connection method -> Connect your application을 눌러줍니다. copy를 눌러서 다음을 복사한 후 비쥬얼 스튜디오 코드 index.js에 붙여 넣어줍니다. index.js를 다음과 같이 작성하여 줍니다. 터미널에서 npm install mongoose --save를 실행하여 설치한 후 다음과 같은 모듈을 추가해줍니다. npm run start를 해주면 다음과 같이 출력됩니다. ..