역시나 걱정했던 CORS오류가 발생했었습니다. 프론트단에서 setProxy.js파일을 생성해서 따로 관리도 해보았지만 해결되지 않아서 빽엔드파일의 controller에 @CrossOrigin 어노테이션을 선언해 주니 모든 문제가 깔끔하게 해결되었습니다.
선택된 Theme을 ThemeSlide에서 onClick event가 발생할 때마다 전달받아서 useEffect hook을 사용해서 postList를 받아왔습니다. 그 후 postList배열을 state로 선언해 두고 PostList Component에 Props로 전달해 주었습니다.
전달받은 Props의 Type은 다음과 같이 받아오는 데이터를 토대로 선언해 주었습니다.
그런데 현재 팀원분들의 의견으로 local로만 진행하면 팀원분들 개인 데스크톱의 환경을 모두 동일하게 해야 하기 때문에 번거로움이 발생할 수 있어 api를 배포하는 형태로 진행 중입니다!
'3월 협업 프로젝트(1석 4조) 👨👩👧👦' 카테고리의 다른 글
| 로그인, 회원가입, 비밀번호 찾기(초기화), 비밀번호 수정 (0) | 2023.04.29 |
|---|---|
| 로그인 구현 (0) | 2023.04.22 |
| @media 576px 반응형 웹 (0) | 2023.04.21 |
| 회원 가입, 로그인 UseRef VS UseState 어떤게 더 효율적일까? (1) | 2023.04.19 |
| component 조정 (0) | 2023.04.17 |