9일차- 내일배움캠프 1기 TIL(Today I learned)_팀 프로젝트(4 일차 )_댓글 기능 구현

<좋았던 점>

 

다행히 팀을 잘 만난 것 같다.

대면한 적은 없지만 기본적으로 상대를 배려하는 화법이나 

서로 도와주는 모습에 오늘도 기분 좋게 개발할 수 있었다. 

 

 

 

<아쉬운 점>

 

오늘은 강의를 못 들었다. 

내일 1차 프로젝트 마감날이라, 프로젝트에 좀 더 열중했다는 건 핑계이고, 

오전 시간에 집중했으면 충분히 들을 수 있었는데, 집중하지 못했다.

 

그리고 깃에 대한 이해가 부족한 것 같다.

어찌 사용하고 있긴한데, 강의 내용을 복습이 필요할 것 같다.. 꼭 노션 쭉 읽어보자

 

패널티로 이번주는 주말에 쉬는 시간을 조금 줄여서 보충할 생각이다. 

 

 

<개발중 기억에 남았던 것>

 

 

오늘 내 To do list는, 어제 만든 상세 페이지 CRUD 기능 다듬기, UI 수정, 그리고 댓글 기능이었다. 

특히 댓글 기능으로 고생해서 관련해서 적어본다. 

 

 

1) 새로고침 오류

 

댓글 저장하고 값이 제대로 뜨지 않아서 너무 고생했다.

아래 두 방법으로도 해결이 되지 않았다..

 

-window.location.href= url은 마우스 클릭으로 생기는 자동고침

-window.location.replace(url)은 HTTP rediect

 

결론! JS에서 빈 문자열을="" 만들어 두고 += <추가되는 html코드>를 반복문으로 DB 댓글 들을 출력하는 방법으로 해결했다. 

마지막은 .html() 내장 함수! 

 

2) DB 연결하기

처음에는 FK를 생성해서 2개의 DB를 서버에서 연결하려고 했다.  

근데 그러면 다른 팀원들의 코드들을 손 봐야 할 것 같아서, 1개의 DB만 사용하기로 결정했다. 

 

결론은 딕셔너리 값에 배열을 만들어 넣어서 해결했다. 

 

이런식

{ 댓글 : [{내용 : 내용}, {내용: 내용}] } 

/posts 에서 게시글 생성시, 빈 배열을 같이 DB에 넣었다. 

 

3)DB 사용법

update를 이용해서 댓글 입력 값을 ajax로 보내서 DB를 수정했다. 

그런데 기존 처럼 { $set { 키 : 변경값} }을 사용하니 오류,,

 

알고보니 아래 처럼 배열을 수정하는 전용 명령이 있었다. 

{ $addToSet { 키 : 배열 }}

몽고디비

 

 

오늘 배운 내용

 

-.reverse() .html() 함수.

-2인 이상의 인원이 동시에 버튼을 누르는 것을 대비해서, update하고 다시 find로 값을 가져와 사용하는 것

-$addToset 

-font awesome 사용법