20221215 TIL

오늘의 한 일

• 최종 프로젝트 - 중간발표

 

중간 발표

 

시연 영상 - https://www.youtube.com/watch?v=MLs9ZU12dwo

 

만들고 보니까 비는 파트들이 많네;

빠릿하게 펫프로필페이지랑 북마크 페이지 만들고 다른 팀원들 개선점 합쳐서 배포쪽 들어가보면 될듯싶다

 

 

 

인상깊게 본 팀 - 배포완료, 글쓰기 창 구현에 텍스트 에디터 사용

 

 

와 벌써 배포까지 완료한 팀도 있네 ㄷㄷ;

 

aws 크레딧 신청이 계속 반려되서 실습에 부담이 있어 진행이 더뎠다고 생각되는데 반성하게됩니다..

 

 

 

참조 : https://ckeditor.com/

 

WYSIWYG HTML Editor with Collaborative Rich Text Editing

 

글쓰기에 텍스트 에디터를 지원하는게 굉장히 좋아보였다.. 솔직히 생각해낼 수 있었던거같은데 보고나서야 깨닫게되서 충격

 

 

 

남은 작업목록 : 펫 프로필 페이지, 북마크 모아보기 페이지, 프로필페이지 id연동, 프로필 페이지 만들기 및 연동

 

 

프로필 페이지는 사실 하나의 프로필 html에서 본인인지 아닌지 여부에 따라 같은 화면에 다른 권한을 부여하는게 좋을텐데 당장 자바스크립트가 너무 빈약해서 그렇게까지 구현하기는 힘들거같다 ㅠㅠ

 

 

 

트러블 슈팅 : forEach is not a function 에러

 

참조 : https://enchiridion.tistory.com/64

[JavaScript] forEach is not a function error

 

 

get 요청으로 보낸 리스트 json파일을 forEach로 반복문으로 돌리려니까 이런 에러가 나옴

 

다른 유저의 프로필 작업중인데 왜 얘만 게시물을 받아오려니 이게 뜨냐;

 

왜 얘는 Array가 아니라 pending 형태로 받아져서 forEach가 안돌아가는거냐고~

 

참조 : https://joyful-development.tistory.com/20

[JS] async/await 사용 시 Promise { <pending> } 이 뜨는 이유 ? Promise의 상태, Promise 메서드, Promise.all / Promis

 

일단 await fetch를 get함수를 만들어 쓰지 않고 load함수에 집어넣어서 해결