[수풀] 프로젝트 막바지...

3일에 프로젝트를 마무리 하고 배포를 하기로 했는데 3일이 몇시간 남지 않았다 ...

마음이 급해서 그런건지 그냥 어려운건지는 모르겠는데 CRUD에서 계속 애를 먹었다.

특히나 애를 많이 먹은 것은 수정 페이지다.

 

수정 페이지는 작성 페이지의 컴포넌트를 재활용 하는데, 여기서 큰 문제가 발생했다.

post 요청하기 위한 데이터의 양식, get 요청으로 받아오는 데이터의 양식, patch 요청으로 요청하는 데이터 양식이 다 다르기 때문이다..

여기서 CRUD 에러와 씨름하느라 고생 좀 했다. 다행히 수정페이지는 완성 시켰지만 또 다른 문제들이 여기저기서 터져나오고 있다 ㅠㅠ

 

---

sweatalert2

요 몇일간 새로 넣어본 것은 sweatalert2라는 라이브러리인데, 모달창 만들 시간이 없을 것 같아 찾아보다가 발견한 라이브러린데 아주 기똥차다.

이런식으로 원하는 문구를 적을 수 있고, 등록,취소 버튼 배경색, 폰트색등도 변경 가능하다. 한 가지 아쉬운 점은 아이콘이 다양하지 않다.  뭐 임시방편으로 쓴거라 다음부터는 쓰진 않을 것 같다.

 

lodash

그리고 또 엄청난걸 발견 했는데 바로 lodash다!! 

lodash는 array, collection, date 등 데이터의 필수적인 구조를 쉽게 다룰 수 있게끔 하는데에 사용된다.

많이 사용하진 않았지만 익혀놓으면 정말 잘 써먹을 것 같다.

 

useParams

처음으로 useParams를 써봤는데 어려울 줄 알고 좀 무서웠는데 막상 써보니 엄청 간단했다. CRUD에서 필수라고 하니 더 공부해야겠다.

 

useEffect

이번 CRUD에서 제일 애먹은 놈이다... 게시글 작성에는 문제가 없었는데 수정페이지를 만들 때 get 요청으로 데이터를 받아오고, 그 값을 useState에 넣었는데 이상하게 에러가 계속 뜨고 값도 저장이 안됐었다. (확실하진 않지만) 알고보니 useEffect에서 get요청을 해서 setState에 state 값을 넣을 때는 초기 state 값이 null값이어야한다는 것을 깨달았다... 이걸 알기까지 수많은 시간을 보냈다 ㅠㅠ

useEffect도 더 깊게 공부할 필요성을 느꼈다 ..

 

텍스트 에디터에서 받아온 값 태그 적용하기

이상하게 텍스트에디터 값을 보내고 get요청으로 데이터를 받아오면 <p> ...</p> 이런식으로 태그가 그냥 붙어서 왔었는데

이렇게 넣어주니 해결이 되었다.