Develop/Node.js10 MERN (MongoDB, Express, React, NodeJS) 시작할 때 명령어 모음 1. 리액트 프로젝트 생성 npx create-react-app MyProject MyProject는 만드려고 하는 프로젝트의 이름으로 설정해준다. 2. 서버 환경 구축하기 콘솔에서 cd MyProject를 통해 해당 폴더로 이동한 뒤 서버 폴더를 만들어준다. mkdir backend 해당 폴더로 다시 이동한다. cd backend 이후 package.json 파일을 만들어준다. npm init -y express, cors, mongoose, dotenv를 설치해준다. yarn add express cors mongoose dotenv // yarn이 없다면 npm install express cors mongoose dotenv - express : NodeJS를 쉽게 개발할 수 있도록 해주는 프레임.. 2021. 4. 27. npm package.json 파일 생성하기 node를 하며 package.json 파일을 만드는 방법에 대해 다뤄보겠다. package.json은 현재 노드 프로젝트의 정보를 담고 있는 파일을 뜻한다. 이 파일 내의 정보는 키 : 값 쌍의 조합으로 저장되는 단일 JSON 객체로 구성된다. 이름(name), 버전번호(version)는 반드시 입력해야 하는 필드다. { "version": "1.0.0", "name": "Node Project" { 필수 입력 필드를 제외한 내용들을 추가한다면, 추후 프로젝트 관리 및 사용에 있어서 유리할 것이다. 그 내용은 package.json을 만드는 명령어를 통해 확인해보자. package.json을 만드는 것은 간단하다. 터미널에서 아래 코드를 입력하면 된다. npm init 이 명령을 실행하면, 필드에 대한.. 2021. 4. 27. mongo db 클러스터와 연결하기 1. IP 주소 추가하기 Mongo DB의 클러스터와 연결하려면 Network Access 설정을 해줘야 한다. 현재 사용하는 IP주소만 해당 DB에 접근이 가능하도록 추가해줄 필요가 있다. includes your current IP address 를 통해서 현재 내 IP만 추가해주면 된다. 2. MongoDB Compass 설치하기 각자 버전에 맞게 MongoDB Compass를 설치해주면 된다. www.mongodb.com/try/download/compass MongoDB Compass Download MongoDB Compass, the GUI for MongoDB, is the easiest way to explore and manipulate your data. Download for fre.. 2021. 4. 26. Mongo DB 사용하기 - window 10 Mongo DB를 설치하고, 사용하는 과정에 대해 알아보자. 1. Mongo DB 설치 먼저, 구글에서 MongoDB Server Download를 검색해준다. www.mongodb.com/try/download/community MongoDB Community Download Download the Community version of MongoDB's non-relational database server from MongoDB's download center. www.mongodb.com 필자는 4.4.5버전을 다운로드 받았다. 이후 next만 눌러주면서 설치하면 된다. (따로 건드릴 것이 없다) 2. 환경 변수 등록하기 이제 cmd에서 mongo를 쉽게 사용할 수 있도록, 환경 변수를 지정해주자... 2021. 4. 26. Putty를 이용하여 Amazon EC2 연결하기 이번 포스팅에서는 AWS의 EC2를 생성 한 이후, Putty를 이용해 연결하는 과정을 다뤄보겠다. 1. 인스턴스의 실행 중인 인스턴스로 들어간다. 2. 연결을 클릭한다. 3. 인스턴스에 연결 페이지에서 SSH 클라이언트 탭 클릭, 퍼블릭 DNS 부분을 복사한다. 4. PuTTY Key Generator(Puttygen)을 실행하고, Load를 클릭한다. 5. 모든 파일 보기로 변경 후, pem파일을 불러온다. 6. Save private key를 통해 putty key를 생성한다. (경고창이 나와도 예를 누르고 저장해준다.) 7. 이제 PuTTY를 실행해준다. 8. Session에 Host Name을 적는 칸이 있다. 이 부분에 3번에서 복사 한 퍼블릭 DNS 주소를 넣어준다. 9. 이후 PuTTY의 .. 2021. 4. 19. Javascript 자료형에는 어떤 것이 있을까? 자바스크립트는 동적 언어로서, 타입을 미리 명시할 필요가 없다. 타입은 프로그램이 처리되는 과정에서 알아서 파악될 것이기 때문이다. 이 때문에 우리는 프로그램을 실행하기 전, 어떤 타입이든 동일한 변수에 넣어줄 수 있다. var something = 11; // 이제 Number 타입 var something = "bar"; // 이제 String 타입 var something = true; // 이제 Boolean 타입 자바스크립트의 데이터 타입 자바스크립트에는 6가지의 기본 자료형과 Object라는 자료형까지해서 총 7개의 자료형이 있다. 기본 자료형 1. Boolean 타입 Boolean타입은 true와 false 둘 중 하나의 값을 갖는 논리적인 요소를 뜻한다. A라는 물체가 물인지 아닌지를 표현.. 2021. 4. 5. 이전 1 2 다음 반응형
