JNarin Development Story

리액트를 사용하면 경로는 일반적으로 상대 경로를 사용하게 된다. 상대 경로의 최대의 단점은 코드 길이가 길어질 뿐만 아니라, 코드 경로가 헷갈리는 경우가 많이 발생하여 쓸데없는 시간소비가 있을 수 있다. 그렇기 때문에 절대 경로도 꽤 편리한 기능이어서 그 사용방법에 대해 적어보려고 한다. 먼저, 원하는 위치에 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 ..