글쓰기를 위해 앞면을 구성하는 데 문제가 있습니다.
튜터님의 제안으로 팀원들과 이야기를 해서 앞, 뒤 저장소를 분리했습니다.
프론트엔드와 백엔드 코드를 분리하면 각 개인의 역할과 책임이 더 명확해지고 유지보수성과 확장성이 더 좋아진다고 그는 말했다.
프론트엔드와 백엔드를 연결하는 방법은 다음과 같습니다.
- 백엔드에서 API를 개발합니다.
- 백엔드에서는 프런트엔드가 필요한 데이터를 가져올 수 있도록 API를 개발합니다.
이를 위해 RESTful API를 사용하는 것이 일반적입니다.
- 백엔드에서는 프런트엔드가 필요한 데이터를 가져올 수 있도록 API를 개발합니다.
- 프런트엔드에서 백엔드 API를 호출합니다.
- 프런트엔드는 백엔드 API를 호출하여 필요한 데이터를 가져옵니다.
이를 위해 일반적으로 JavaScript Fetch API 또는 Axios 라이브러리를 사용합니다.
- 프런트엔드는 백엔드 API를 호출하여 필요한 데이터를 가져옵니다.
- 화면에서 데이터를 봅니다.
- 프런트엔드에서 가져온 데이터를 처리하여 화면에 표시합니다.
이렇게 하려면 일반적으로 React, Vue 또는 Angular와 같은 프레임워크나 라이브러리를 사용합니다.
- 프런트엔드에서 가져온 데이터를 처리하여 화면에 표시합니다.
- 데이터 변경 사항을 백엔드에 전달합니다.
- 예를 들어 사용자 입력으로 인해 프런트엔드의 데이터가 변경되면 백엔드에 변경 사항을 전달해야 합니다.
이렇게 하려면 백엔드에서 제공하는 API를 호출하거나 WebSocket 등을 사용합니다.
- 예를 들어 사용자 입력으로 인해 프런트엔드의 데이터가 변경되면 백엔드에 변경 사항을 전달해야 합니다.