개발새발 로그

댓글을 등록하기 위한 환경을 구축했으면 이제 댓글을 입력했을 때 댓글 데이터를 몽고 DB에 저장할 것이다 Express 1. 댓글 등록을 위해 Post모델, User모델, Reple모델을 가져와야한다. 2. 댓글 저장을 위한 /submit API를 작성해준다. -댓글을 등록할 때 등록한 유저의 uid 데이터를 이용해 Reple DB에 author로 저장해주고, -댓글을 등록할 때 Post의 id를 이용해 Post DB의 repleNum을 +1 증가시켜준다.(댓글 갯수 파악) -이때 서버에서 필요한 postId는 props로 가져온다. -user의 uid는 userSelector로 가져옴 React 1.클라이언트에서는 댓글 내용을 저장한 Reple과 댓글 작성한 유저의 uid와 댓글이 작성된 postId를..

게시글을 클릭해서 들어가면 아래와 같이 구성되는 것이다 이 그림과 같이 컴포넌트를 나눠준다. PostArea 1. PostArea.js에서는 서버에 postNum을 이용해 클릭한 게시글 데이터를 요청한다. 2. PostArea는 받은 데이터를 Detail과 RepleArea에 props해준다. 3. spinner도 PostArea에서 보여주게된다. -> 로딩 화면 Detail 1. props로 받은 데이터를 출력해준다. RepleArea 1. RepleUpload 컴포넌트와 RepleList 컴포넌트를 하위 컴포넌트로 만들어준다. 2.RepleUpload는 input태그와 button태그를 생성해 간단한 댓글 등록 페이지로 만든다. 3.RepleUpload에서 등록 버튼을 클릭하면 서버에 댓글 등록 요청..

몽고DB는 Nosql이지만 몽고DB만의 규칙이 따로 있다. 서버에서 몽고DB에 데이터를 넣을려면 Mongoose Model을 생성해줘야한다. 1. mongoose 모델을 작성할 폴더와 파일을 생성해줘야한다. ->sever폴더에 Model/Post.js 을 만들어준다. 2. Mongoose 공식사이트에서 사용법을 가져온다. https://mongoosejs.com/docs/index.html Mongoose v7.2.4: Getting Started First be sure you have MongoDB and Node.js installed. Next install Mongoose from the command line using npm: $ npm install mongoose --save Now sa..

https://www.mongodb.com/ko-kr MongoDB: 애플리케이션 데이터 플랫폼 업계 최고의 최신 데이터베이스를 토대로 구축된 애플리케이션 데이터 플랫폼을 사용해 아이디어를 더욱 빠르게 실현하세요. MongoDB는 데이터를 손쉽게 처리할 수 있도록 지원합니다. www.mongodb.com 1. 몽고DB사이트에 들어가서 회원가입후 클러스터 create 클릭 2. username과 password 입력후 추가 3. 0.0.0.0/0 (모든 IP에서 접속가능) IP 리스트 추가 ->보안상 권장안함 4.클러스터 생성완료 클릭 5.생성된 클러스터 connect클릭 6. 설정 후 주소 복사 7. 주소에서 password부분 아까 추가했던 user 비밀번호로 바꿔줌 8. Mongoose 라이브러리 설..