개발새발 로그

댓글을 DB에 저장했으면 이제 댓글을 불러와보자 RepleList 1. useEffect에서 axios요청을 해 댓글 데이터를 가져온다. 2. 이때 PostArea 컴포넌트에서 props로 가져온 postId로 데이터를 찾을 것이다. 3. 댓글 리스트를 가져오는 axios요청을 작성하고 요청한다. 4. 댓글리스트를 저장하는 배열 state를 선언하고 요청에서 받아오면 저장해준다. 5.그리고 받아온 repleList를 map으로 뿌려준다. server/Router/reple 1. getReple API를 작성해준다. 2. Reple을 클라이언트에서 보내준 postId를 이용해 postId로 저장된 댓글들을 모두 불러온다. 📝추가적인 부분 1.댓글을 작성하고 등록하면 새로고침이 되어야 댓글들이 나타나게된다...

댓글을 등록하기 위한 환경을 구축했으면 이제 댓글을 입력했을 때 댓글 데이터를 몽고 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를..

이제 게시글 상세페이지에서 수정하기 버튼을 누르면 게시글 수정페이지로 가서 게시글을 수정할 수 있는 기능을 추가해보자 이때 수정할 때는 기존의 게시글내용을 온전히 수정페이지에 가져와야한다. 먼저 순서를 그려보았다. 1. 수정버튼을 누르면 게시글 수정 페이지로 이동 2. 게시글 수정페이지에는 기존 내용이 보여져야함(서버에 기존내용 요청) 3. 수정내용 작성 후 다시 서버에 수정API 요청 4. 수정내용 DB에 저장 5.수정완료후 해당 게시글 페이지로 이동 1. 수정버튼을 누르면 게시글 수정 페이지로 이동 -LInk로 수정페이지에 이동한다 -이때 수정페이지도 App.js에 Route에 추가해줘야한다. 2. 게시글 수정페이지에는 기존 내용이 보여져야함(서버에 기존내용 요청) postNum을 이용해서 해당 게시..

게시글들을 서버에 저장하고 만약 그 게시글들을 삭제하거나 수정 그리고 상세페이지로의 전환을 위해 게시글마다 특정한 아이디가 있어야한다. 그러면 우리는 게시글 마다 고유한 아이디를 부여해주어야한다, 고유한 아이디는 간단하게 숫자를 넣을 것이다, 먼저 순서를 그려보았다. 작동순서 1.고유한 번호를 만들기위한 counter DB생성을 위해 Counter 모델을 만들어줌 2. Counter모델을 생성하면 Counter DB가 생성됨 3. Counter DB에 수동으로 데이터를 만들어줌 4. 서버로 가서 만든 모델을 쓸수 있게 넣어줌 5. 이전에 만들었던 upload의 submit API를 수정해야됨(게시글마다 고유한 번호도 같이 저장되기위해) 6. 게시글을 생성하기 전에 Counter에 counter라는 이름의..

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 라이브러리 설..