(2) 클라우드 mongoDB ,mlab.com 구축
Mean 스택 두 번째 코스는 "클라우드 몽고DB"다. 몽고DB의 장점은 속도와 무료라는 부분이지만 테이블 구조가 아닌 부분이 단점으로 작용한다. 하지만 이 부분을 날려줄 수 있는 Mongoose라는 모듈이 있다. Mongoose를 사용하면 MySQL처럼 테이블에 딱~딱 정리해서 쉽게 MongoDB를 사용할 수 있다. Mongoose를 사용하려면, 먼저 mlab.com에 가입해야 한다.
mlab.com링크 -> https://mlab.com
1:: 『 mlab.com 회원가입 』 (16메가 한도 내에서 무료로 서버를 이용할 수 있음)
회원가입 시 username과 비밀번호는 아주 중요하다. username과 비밀번호를 잊어버리면 서버를 잊어버리게 된다. 반드시 수첩에 기록하도록 하자.
2:: 『클라우드서버 생성』
회원가입이 끝났다면, 아래 사진처럼 MogoDB 클라우드 서버를 생성한다.
2-1 ' Create New ' 선택
2-2. 우측 하단 ' Use the classic "Create New" form instead ' 선택
2-3. 서버 종류와 위치 선택
① SandBox : 무료
② DB 이름 : 필자는 webdoli 로 지음;
③ Create 버튼
① ~ ③ 순서로 진행하면, 아래처럼 클라우드 서버가 생성된다.
3 ::『 User & 비밀번호 생성 』
Node.js에서 클라우드 서버와 연결할 때, 가장 중요한 정보인 "User"와 "비밀번호"를 생성한다.
-> Database : webdoli 라고 생성되었고,
① mongodb://<dbuser>:<dbpassword>@ds161262.mlab.com:61262/webdoli
<dbuser>와<dbpassword>부분을 통해서 서버에 접속할 수 있기 때문에 ② Add database user로 dbuser를 추가해야한다.
3-1 dbuser추가, 데이터베이스 비밀번호 설정
3-2 . Collection 생성
-> Collection은 도서관으로 비유하자면, "인문,사회" "자연 과학" "경제 경영" "아동 어학" 등.. 책이 있는 책장의 상위 분류정도로 생각하면 된다.
-> Collection 안의 Data들은 해당 종목의 서적에 해당한다.
3-3 Collection 항목에 "users"와 "post" 생성
4 ::『post Collection, 데이터 생성』
4-1. 'post' collection을 클릭하고, create document를 클릭한다.
4-2. json 데이터 형태로 데이터를 넣어준다.
* json 형태 예시
{
"title" : "내용" ,
"url" : "url 주소" ,
"description" : "블로그 설명"
}
마지막 항목에는 쉼표(,)를 붙이지 않는다.
데이터를 넣은 후에 Create and go back을 클릭한다.
4-3 post 테이블에 db가 생성된 것을 확인할 수 있다.
5 ::『 dbuser, dbpassword 확인』
향후 서버 코딩을 할 때, 서버에 있는 데이터를 프론트에서 불러오기 위해서 너무나도 중요한 코드가 아래 빨간 부분이다. <dbuser>와 <dbpassword>부분에, 자신이 Users를 생성할 때 입력했던 users와 비밀번호를 넣어서 사용해야 한다.
이 부분은 다음 포스트에서 모듈로 따로 떼어내서 사용하는 방법으로 다시 진행해보자.
'코드 스터디' 카테고리의 다른 글
Mean스텍 입문 (6) - Home Component 생성 - (0) | 2017.07.19 |
---|---|
Mean스텍 입문 (5) - Nav Component 작성하기 - (0) | 2017.07.19 |
Mean스텍 입문 (4) - Angular 서비스 설정- (0) | 2017.07.19 |
Mean스텍 입문 (3) Angular 프론트에서 데이터베이스와 연결하기 (0) | 2017.07.18 |
Mean스택 입문 (1) Angular cli + Node.JS Express 뼈대 만들기 (0) | 2017.07.13 |
댓글