프런트엔드와 백엔드 분리의 본질을 빠르게 이해(아키텍처 다이어그램 포함)

1. 프론트엔드와 백엔드 분리의 본질

사람들은 종종 프론트엔드와 백엔드 분리의 개념을 설명하기 위해 특정 기술을 사용하여 오해에 빠지곤 합니다. 질문에 대한 답변이 아닙니다. 예를 들어, 프론트엔드와 백엔드를 분리한다는 것은 Laravel + Vue를 의미하는 것으로 완전히 올바른 이해는 아닙니다! 우리가 물었습니다: 왜 이런 식으로 문제를 해결합니까?

대답은: 구체적으로 어떻게 합니까?

프런트 엔드와 백엔드의 분리

는: 소프트웨어 기술과 비즈니스 개발을 어느 정도 프로젝트에서 수행합니다. 관리 직장에서 꼭 해야 하는 업그레이드, 사고가 아닌 필수! 직설적으로 말하면 회사의 부서 구조를 조정하는 것입니다. [관련 추천 : 웹 프론트엔드]왜 이런 변화가 일어났나요?

초기 소프트웨어 개발은 ​​사실 백엔드에 집중했기 때문에, 인터넷 초창기의 페이지 기능은 상대적으로 단순했고, 데이터를 표시하고 기본적인 작업만 제공하면 되었어요! 따라서 전체 프로젝트는 백그라운드 비즈니스 로직 처리에 중점을 둡니다. 그러나 비즈니스와 기술이 발전함에 따라 프론트엔드 기능은 점점 더 복잡해지고 중요해지고 있으며 동시에 프론트엔드 기술 스택도 점점 더 풍부해지고 있습니다! 이런 식으로 우리는 개발 과정에서 점점 더 많은 문제에 직면했고, 이러한 문제를 해결하는 것이 점점 더 어려워졌습니다. 이때 우리는 프론트 엔드 개발이 이전처럼 시스템 아키텍처 전체에 분산될 수 없다는 것을 알게 되었습니다. 프런트엔드도 백엔드처럼 엔지니어링, 모듈화, 체계화되어야 합니다.

이 작업을 수행하는 방법은 무엇입니까?

원래는 백엔드 프로그래머들과 섞여 있던 프론트엔드 개발을 중앙 집중화해 순수 프론트엔드 부서를 구성하기 위해 프론트엔드 전담 부서를 신설하는 것입니다. 엔지니어링 프론트 엔드 기술의 연구 개발을 전문으로 하며, 프로젝트의 문제를 해결하고 기술 개발에 적응하기 위해 신기술 시스템을 반복적으로 업그레이드합니다. 한 문장으로 말하자면:

기술 및 비즈니스 개발의 요구에 적응하기 위해

. 프런트엔드 개발은 프런트엔드와 백엔드가 혼합되어 독립적인 프런트엔드와 백엔드 부서를 형성했던 기존 조직 구조에서 분리되어야 합니다. 이것이 프런트엔드와 백엔드 분리의 이유입니다. 2. 프론트엔드와 프론트엔드 분리를 사용하지 않을 때의 단점 프론트엔드와 백엔드 분리는 현재 널리 사용되는 개발 방식이며 대부분의 인터넷은 프론트엔드와 백엔드 분리를 사용하여 개발될 것입니다!

프론트엔드와 백엔드 분리는

애플리케이션의 프론트엔드 코드와 백엔드 코드를 별도로 작성한다는 의미

기존 웹 개발 프로세스에서 뷰 레이어는 백엔드 개발자에 의해독립적으로 완성되지 않습니다 프런트엔드 개발——> HTML 정적 페이지——> 백엔드 개발

백엔드를 개발해야 하는 경우 프런트엔드 페이지를 뷰에 포함할 수 있습니다. 템플릿을 사용하거나 같은 이유로 다른 템플릿을 사용하세요! 데이터를 통합하려면 태그도 추가해야 합니다. 핵심은 백엔드에서 반환한 데이터를 페이지에 추가하는 방법이기 때문입니다

이때 백엔드 페이지에서 문제가 발생하면 템플릿 파일을 프런트엔드 개발팀으로 보내는데 프런트엔드 개발자는 이를 수행할 수 없습니다. 템플릿을 이해하세요. 이때 프론트엔드도 해결하기 쉽지 않고, 백엔드도 해결이 쉽지 않습니다. 이러한 의사소통 및 개발 효율성은 매우 낮습니다! 프런트엔드와 백엔드 결합도가 너무 높아서 개발이 너무 번거롭습니다!

해결책은 매우 간단합니다.
프런트엔드와 백엔드 분리
를 사용하여 개발하면 됩니다!
프런트엔드는 클라이언트 코드만 독립적으로 작성하면 되고, 백엔드는 서버측 코드만 독립적으로 작성하면 데이터 인터페이스를 제공할 수 있습니다.

프런트엔드는 AJAX 요청을 통해 백엔드 데이터 인터페이스에 액세스합니다.

프론트엔드 및 백엔드 개발 사용자는 인터페이스 문서(URL, 매개변수, 데이터 유형...)에 미리 동의한 후 독립적으로 개발하면 됩니다. 프론트엔드 및 백엔드 개발 end는 백엔드에 전혀 의존하지 않고 테스트용 데이터를 가짜로 만들어 마침내 프런트엔드와 백엔드 통합을 완료할 수 있습니다 실제 구현 프런트엔드와 백엔드 애플리케이션 분리! 개발 효율성 대폭 향상

Monolith——> 프런트엔드 애플리케이션 + 백엔드 애플리케이션

프런트엔드 애플리케이션: 데이터 표시 및 사용자 상호작용을 담당
백엔드 애플리케이션: 데이터 처리 인터페이스 제공을 담당
프런트엔드 HTML——>Ajax—— >RestFul 백엔드 데이터 인터페이스

3. 프론트엔드와 백엔드 분리 아키텍처 다이어그램

요약:

프론트엔드와 백엔드 분리는 단일 애플리케이션을 프런트엔드 애플리케이션과 백엔드 애플리케이션이라는 두 개의 독립적인 애플리케이션으로 분할하고 JSON 형식으로 데이터 상호 작용을 수행합니다.

위 내용은 프런트엔드와 백엔드 분리의 본질을 빠르게 이해(아키텍처 다이어그램 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!