=>

9개월 전에 구매했던 강좌인데 이제야 겨우 완강했다. 완강하는데 오래 걸린 이유를 꼽자면 1. 여러 실전 프로젝트나 서적을 통해 이미 React를 어느 정도 숙달한 상황이었음. 2. 강의 내용이 정말 많고(49시간 분량), 다소 오래된(클래스형 컴포넌트 등) 내용이 있음. 3. 1과 겹치는 면이 없잖아 있지만 다소 쉬운 강의 내용.(도전욕구가 생기지 않아 손이 안 감) 이 있었다. 최근에 CS 공부를 시작하면서 개발을 잘 안하는 상황이었고, React에 대한 감을 잃을까봐 쉬면서 가볍게 듣다보니 완강하게 되었다. 강의 타이틀에도 적혀있듯이 Redux와 Next.js, Typescript도 포함된 광범위한 내용이지만, 각 항목별 간단한 토이 프로젝트를 진행하는 정도로 배우고 이 모두를 아우르는 거대한 프로..

boot-react라는 리액트 프로젝트를 만들어준다. 리액트 프로젝트 경로에 들어가서 비동기 통신에 필요한 axios와 CORS 오류를 해결하기 위한 http-proxy-middleware를 npm으로 설치한다. http-proxy-middleware 설정을 위해 리액트 프로젝트의 src 폴더에 setupProxy.js 파일을 생성했다. 설정을 통해 /api 주소로 시작하는 요청은 localhost:8087로 호출한다. 예를 들어 axios로 "/api/test"로 요청을 보내면 localhost:8087/api/test로 요청이 간다. changeOrigin 설정은 CORS 문제를 해결해준다. 간단한 테스트를 위해 리액트 프로젝트 생성 시, 최상단에 기본적으로 노출되는 App 컴포넌트를 다음과 같이 수..