이미지 불러오기 완성!

이제 다 완성됐다!!!

이미지도 불러오고 채팅방 메세지 전송, 삭제, 로그인, 아웃, 방문시 Guest유저까지 다 완료했다.

이제 로컬상태에서는 모든게 다 구현되니 DB에 server파일 옮기고 netlify로 client 배포하면 된다....

아 배포하기 전에 test Code 작성까지..! 프론트쪽은 test코드 작성해봣는데 백앤드쪽은 한 번 찾아보고 작성해봐야겠다.

 

이미지 불러오는 코드는 서버쪽은 라우터를 따로 만들어줬다.

그리고 client쪽에서 Chatlist를 만드는 컴포넌트가 있었는데

따로 이미지를 불러오는 class를 만들지 않고 컴포넌트 내에서 useEffect로 한번만 불러오게끔 했다.

이미지를 불러와서 src에 넣었는데 crossOrigin에러가 발생했다.

 

구글링해서 img tag안에 crossOrigin="annonymous"로 해결했다. 역시 구글링이 최고다.

 

아 그리고 아직 반응형으로 디자인 안했는데 이거부터 먼저 해결하고 testCode작성해야겠다.

이번주말에 쉴 때 빡세게 해서 완성하는걸 목표로해야겠다. 그럼 여기까지~!