2011-02-10 4 views
-1

소셜 네트워킹 웹 사이트 (예 : Facebook과 거의 비슷 함)를 구축하려고하는데, 전 IT 세상에서 매우 새로 왔습니다. 프런트 엔드와 백엔드를 두 개의 분리 된 레이어로 유지하고 이들 사이의 모든 통신이 AJAX 기반이어야합니다. 어떻게해야합니까? 다시 말해, 두 레이어를 분리하여 (프론트 엔드와 백 엔드) jQuery를 사용하여 기술 스택을 어떻게 작성해야합니까?기술 스택 문제

저는 HTML, 자바 스크립트, CSS, jQuery, Struts, Spring, Hibernate와 familliar입니다. 이러한 기술을 통합하여 작업을 수행하려면 어떻게해야합니까 (Facebook과 같은 사이트를 생각해보십시오)? 아니면 다른/더 나은 의견을 내 주셔서 감사합니다.

+0

페이스 북이 완성되었습니다. 받아 들여 쓰다. –

답변

4

귀하의 질문은 웹 응용 프로그램 개발을 시작하는 방법에 대한 일반적인 질문 인 것 같습니다. 프런트 엔드와 백엔드는 일반적으로 브라우저에서 자바 스크립트의 우수성과 백엔드 언어의 훨씬 더 큰 생태계로 인해 기본적으로 상당히 분리되어 있습니다. 한 가지 예외는 클라이언트를 위해 자바를 자바 스크립트로 변환하는 Google Web Toolkit입니다.

귀하가 선택한 백엔드는 엄청나게 다양합니다. 귀하 또는 귀하의 팀이 프로그래밍 언어를 선택할 수 있다면 협상의 범위를 좁히는 데 도움이됩니다. 개인적으로 필자는 Python의 표현력, "배터리 포함"기능 및 작성 후 쉽게 읽을 수있는 Python을 선호합니다. 파이썬 위에 웹 개발 프레임 워크의 경우 Django는 매우 깨끗하고 강력한 디자인과 훌륭한 문서를 가지고 있습니다. Ruby (Rails), Java, .NET은 사용자가 시작할 수있는 다양한 웹 개발 프레임 워크를 제공합니다. 이 분야의 일반적인 패러다임은 기본적으로 비즈니스 로직, 퍼시스턴스/데이터베이스 구현 및 프리젠 테이션 로직이 서로 분리되어 유지된다는 것을 의미하는 "모델/뷰/컨트롤러"(또는 모델/뷰/템플릿)입니다. 어느 프레임 워크를 선택하든 먼저 기본 자습서를 수행 한 다음보다 전문화 된 Ajax 예제를 살펴보십시오.

클라이언트/브라우저 사이트에서 JQuery에 대해 언급했다. JQuery는 시작하기 좋은 장소이며 Ajax 지원을 통해 다양한 브라우저에서 다시 브라우저로 호출된다. 또한 CSS와 매우 유사한 선택기 표기법을 사용하므로 사용법을 더 쉽게 익힐 수 있습니다.

당신은 "그들 사이의 모든 통신은 Ajax 기반이어야합니다"라고 말하지만 초기 내용과 스타일 시트를로드하고 후속 Ajax 호출을 구동하는 JavaScript를 전달하기 위해 항상 정상적인 HTTP 요청이 필요합니다. 아마도 Ajax가 아닌 방식으로 프로토 타입을 작성한 다음 백엔드 구현을 이해하면 더 많은 양방향/비동기 동작의 복잡성을 추가하는 것이 좋습니다. 백엔드에서 큰 변화를 가져야하는 경우 사용자 인터페이스를 아름답고 반응 적으로 만드는 데 많은 시간을 낭비 할 수 있습니다.

재미있게 보내십시오 - 웹 응용 프로그램은 사용자가 신속하게 의견을 받기 쉽기 때문에 재미 있습니다. 가장 큰 단점은 기술이 특히 통일되지 않기 때문에 배울 점이 많다는 것입니다. JQuery와 같은 자바 스크립트 라이브러리는 물론 백엔드 웹 개발 프레임 워크도 이러한 측면에서 큰 도움이됩니다.