몽고DB 수업하다가 Connect를 진행하려고 하였는데 마지막까지 Connect가 되지 않았다. 이유를 확인해보니 IP Add를 제대로 하지 않아서 생긴 문제였다. 그래서 이번에는 connect를 하기 전에 해야할 부분과 IP Address를 추가하는 방법을 정리하려고 한다. IP Address를 하는 첫번째 방법 cluster를 만들었다면 connect를 클릭하면 다음과 같은 화면이 나오게 된다. 여기서 먼저 Add Your Current IP Address를 눌러 현재 내 아이피 혹은 다른 아이피를 추가하도록 한다. 현재 내 아이피가 필요하다면 자동적으로 IP를 추적하여 IP Address값에 들어가게 되므로 바로 추가하면 된다. IP Address를 하는 두번 째 방법 mongodb 우측에 Netw..
리액트 공부를 찾다가 MongoDB에 대한 초기 세팅에 대한 정보가 있어서 정리하게 되었다. 이번 내용은 한번 하고 나면 별로 쓰일일이 없지만, 누군가에게는 업데이트가 된 몽고 디비가 헷갈릴 수 있기에 이 글을 쓰게 되었다. MongoDB ? 몽고 DB는 자바스크립트 문법을 사용하는 데이터베이스다. 다른 DB와 다르게 NoSQL이기에 SQL을 배우는 부담이 적어져 초반에 접근하는데 어려움이 적다고 한다. 또한 다른 SQL에 있는 스키마가 없기 때문에 형식에 구애받지 않고 자유롭게 데이터를 넣을 수 있는 장점이자 단점을 가지고 있다. How to use...? 이번에는 몽고DB 웹사이트에서 사용하는 방법을 정리해보았다. mongodb 혹은 mongodb.com을 주소창에 입력하면 왼쪽과 같은 사이트가 나온..
저번 시간에는 회원가입과 관련된 내용을 정리를 하였다. 그래서 오늘은 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 ..
리액트를 배우기 앞서 필자는 노드를 설치하게 되었습니다. yarn을 사용하기 위해서는 Node.js를 먼저 설치를 해야 한다고 한다. 그래서 설치를 진행해보려고 한다. 참고로 필자는 window 10 Pro 사용자이다. 먼저 Node.js사이트를 방문한다. 다음과 같은 화면이 보이게 된다. 필자는 12.18.4 LTS버전이며 이후에는 그 윗단계 버전으로 '안정적, 신뢰도 높은'이라는 부제목이 있는 곳을 클릭한다. 다운이 완료되었다면 다운된 폴더로 가서 더블클릭을 한다. 초기화면으로 Next를 클릭한다. 라이선스 및 동의를 표시하므로, 체크 후 Next를 눌러준다. 노드를 어디에 설치를 할지 결정을 한다. 필자는 노드 설치 후 특별히 무언가 설정을 하러 찾아간 적이 없기에 기본 설정된 값을 그대로 두고 N..
- Total
- Today
- Yesterday
- Git
- 리액트 유튜브
- mongodb
- Visual Studio Code
- 리액트
- java
- javascript
- 배열
- 함수
- github
- 노드
- 코딩테스트
- 자바스크립트
- 뷰
- 파이썬
- array
- 재공부
- react
- 리덕스
- 자바
- Coding Test
- programmers
- CSS
- node
- 프로그래머스
- Switch
- node.js
- node-sass
- 리액트 썸네일
- redux
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |