JNarin Development Story

리액트 공부를 찾다가 MongoDB에 대한 초기 세팅에 대한 정보가 있어서 정리하게 되었다. 이번 내용은 한번 하고 나면 별로 쓰일일이 없지만, 누군가에게는 업데이트가 된 몽고 디비가 헷갈릴 수 있기에 이 글을 쓰게 되었다. MongoDB ? 몽고 DB는 자바스크립트 문법을 사용하는 데이터베이스다. 다른 DB와 다르게 NoSQL이기에 SQL을 배우는 부담이 적어져 초반에 접근하는데 어려움이 적다고 한다. 또한 다른 SQL에 있는 스키마가 없기 때문에 형식에 구애받지 않고 자유롭게 데이터를 넣을 수 있는 장점이자 단점을 가지고 있다. How to use...? 이번에는 몽고DB 웹사이트에서 사용하는 방법을 정리해보았다. mongodb 혹은 mongodb.com을 주소창에 입력하면 왼쪽과 같은 사이트가 나온..

리액트를 사용하면 경로는 일반적으로 상대 경로를 사용하게 된다. 상대 경로의 최대의 단점은 코드 길이가 길어질 뿐만 아니라, 코드 경로가 헷갈리는 경우가 많이 발생하여 쓸데없는 시간소비가 있을 수 있다. 그렇기 때문에 절대 경로도 꽤 편리한 기능이어서 그 사용방법에 대해 적어보려고 한다. 먼저, 원하는 위치에 absolute-path라는 앱을 설치한다. (여기서 앱이름은 본인이 원하는 이름으로 하여도 큰 문제는 없다. 단, 대문자는 안된다.) yarn create react-app absolute-path 추가적으로 원하는 폴더가 현재 위치일 경우(즉, absolute-path폴더가 있고 터미널로 현재 그 위치일 경우)에는 다음과 같은 명령어로 입력을 한다. TMI yarn create react-app..

저번 시간에는 회원가입과 관련된 내용을 정리를 하였다. 그래서 오늘은 nodemon에 대한 내용을 적어보려고 한다. NODEMON이란? node.js 앱 개발 중 사용하기 위한 간단한 모니터 스크립트 이전까지 진행을 할 때 서버를 항상 다운을 한 후 다시 yarn run start를 해야지만이 리프레시가 가능하였다. 하지만 nodemon을 설치하게 된다면, 수정한 부분들을 자동적으로 업데이트를 해주어서 서버다운 없이도 확인을 할 수 있는 기능을 제공한다. 단, 현재 열려있는 화면 리프레시는 직접 해줘야 한다. yarn add nodemon --save --dev 뒤에 --dev의 경우 현재 로컬에서만 사용을 하겠다는 의미다. 꼭 붙여야 하는 이유가 없고, 붙이고 안 붙이고의 차이는 크게 없지만 디테일하게..

오늘의 스터디는 boiler-plate에 업로드된 body-parser, Postman을 사용한 스터디 내용을 정리하려고 한다. body-parser Node.js 본문 파싱 미들웨어. 터미널에서 설치 명령어를 통해 설치를 해주면 된다. TMI 추가 설명 더보기 이전에는 body-parser을 따로 설치를 한 후, 임포트를 진행하였지만 Express v4.16.0을 기준으로 body parser가 추가가 되었다고 한다. 그래서 따로 설치를 하지 않고 다음과 같은 코드로 변경할 수 있다. // 일부 생략 index.js app.use(express.urlencoded({extended: true})); app.use(express.json()); // 일부 생략 또한 Postman을 설치하게 되면 API ..