[W.I.L] 4월 1주차 - 클론코딩(Netflix)

너무 힘들었던 한주다.
다행히도 너무 좋은 팀원들을 만나서 그나마 신나게 해낸기분이다.
그냥 멘탈이나 체력관리가 너무 안되어서 내가 너무 힘들었다.
하지만 지난주와는 다르게 조금이나마 스스로 생각하면 코드를 작성하려고 노력해보았던 한주였다. 미미하지만 코드를 어떻게 작성할까에 대해 고민을 시작해보아서 조금 달랐던 한 주였다.

🚩 항해99 4월 1주차 돌아보기
📍 이번주에 배운 것 : 실제로 서버와 어떻게 통신할 것인가?
1. api 설계
: 클론코딩이다 보니 우리가 기획한 서비스는 아니라서 클론할 기능에 대해서만 생각해보며 스펙을 정하고 우선순위를 나누어 보았다.

2. 우선순위 설정
   : 멘토링 후에 우선순위를 정하고 시작하였다.

3. view 설계 및 구현

4. 메인페이지 - 컨텐츠 출력하기
   4.1 TMDB 오픈api로 더미데이터 받아서 시작하기
   참고 | How to Build a Netflix Clone with React
   4.2 백엔드와 api 통신 확인하고 데이터 넘겨받기

5. 모달... 애증의 모달...
   : 상세페이지 구현을 위해 필요했는데 생각보다 시간을 너무 많이 들어갔다.

6. 백과 프론트 각자 배포하고 연동하기

• CORS문제 해결하느라 시간이 또.. ㅎㅎ 이러면서 배워가는거죠 뭐 : )
  1) 리액트 package.json 파일에 proxy 추가

{
	"proxy": "http://xxx"
    📍xxx에 실제 접속하고자 하는 서버의 루트URL
}

2) 스프링 @CrossOrigin 어노테이션 사용

@CrossOrigin(origins = "*")