프론트와 백엔드 서버 분리 관리

이번엔 진짜 팀 협업처럼 제대로 구성해서 제대로 일을 하겠다고 생각을 하고 있었다.

그래서 저번 팀플 처럼 백엔드와 프론트를 자동빌드해서 한꺼번에 확인하면서 개발하며 느꼈던 불편함들은, 완전히 분리된 상태에서 개발 및 운영해보기로 결심했다.

그래서

react가 붙은 쪽이 프론트고, 붙지 않은 쪽이 백엔드임.

지금 react 프로젝트는 아직 생성 전이라 여기서 이제 생성해주면 된다.

터미널에서 해당 디렉토리로 이동해주고,

npx create-react-app .

로 프로젝트 생성해주자고,

에러가 많이 떴는데 프로젝트는 생성 됐음. 이건 버전 때문이라 프로젝트 열어서 버전 다운해주면 해결 될거다.

오케이 일단 다 재설치 완료 했고, 포트 설정까지 해줬음.

배포 생각해서 미리 만들어뒀고, 이제 깃 리포지토리 새로 생성해서 프론트 깃도 또 따로 관리해주면 될듯.

여튼 이렇게 했으니까 리포지토리 생성 및 연결까지 완료했음.

여기.

그럼 이제 또 룰 추가 해주고, 아 추가하기 전에 걍 브랜치부터 생성하자.

브랜치 생성 및 룰셋 추가 완료함.

그니까 리포지토리 두개로 백엔드, 프론트는 아예 따로 관리하자. 가 결론이고, 배포의 양상도 이전에 묶어서 처리했던 것과는 달라질텐데, 일단은 이건 나중에 생각하자.

여튼 서버는 따로 돌아가고, 내일부터 시큐리티로 CORS 설정을 통해서 프론트에서 백엔드 통신이 제대로 되게끔 만들어 놓고 시작하면 될 듯함.