[그룹 스터디 프로젝트] 오늘 했고 할 일 (0511 ~ )

기능 구현은 "거의" 다 끝났는데,

CORS 문제가 여전히 우리를 괴롭힌다! ㅜ

 

0510 (월)

- 마지막(?) 정기 미팅으로 맥주 한 캔 마시며 (CORS때문에 답답한 마음 ㅎㅎ) 회포를 풀었다

- 크게 구현이 필요한 부분은

  * 고양이 추가 / 수정

  * 게시글 추가 / 수정 에 있어서 이미지 처리.

  * 현재 GET /api/cats 오류남

  > 백엔드 API 수정을 기다리자!

 

 

- CORS 문제

  * 현재 요청을 보내면, Preflight Request에서, "Access-Control-Allow-Origin" 헤더가 비어 있다면서 CORS에러를 보낸다.

  * 이 부분을 front에서 해결해보기 위해, cors-anywhere 코드를 fork하여 나만의 heroku proxy server를 만들어보았다.

 

원본 코드 - github.com/Rob--W/cors-anywhere

Rob--W/cors-anywhere

서버 디플로이 관련해 - nhj12311.tistory.com/278

헤로쿠(heroku)에 github 연동해서 cors 프록시 서버 만들기(with cors-anywhere)

 

  * 만들어진 heroku proxy server를, 백엔드 서버 주소 앞에 prefix해서 요청을 넣어주니,

    > 이제 Preflight 에러는 안 난다!!! Proxy Server에서 알아서 Access-Control-Allow-Origin 헤더를 넣어주기 때문.

    > 하지만 이제 403 Forbidden 에러가 본요청에서 뜬다 ㅠ_ㅜ 와이라노... Whyrano...

와이라노..!

 

 

- 하지만!!! 우리는 이틀만에 에러를 해결할 수 있었다 :')

  * 스프링 시큐리티 설정에서 Preflight Request관련 Line 한 줄을 넣어주니 되었다!

   (piaflu.tistory.com/124)

 

0511 (화)  

1. 내 부분 수정 사항

  > 게시글 추가 시 이미지 1개로 리밋

  > 게시글 시간 또한 뜨게 만들기!

  > 백그라운드 패턴 갖고 놀기!

 

2. warning 뜨는 부분 수정

 

 

 

0512 (수)

1. 고양이 업데이트 후 에러 수정

  > reducer에서 고양이 업데이트 후 상태 변경 설정이 이상하게 되어 있어 그 부분을 고쳐줌

 

2. 문의하기

  > 문의하기 페이지에 불필요한 부분을 빼고 모달 메뉴를 추가했다!