2013-05-13 3 views
6

웹 개발의 컨텍스트에서 렌더링의 의미를 이해하지 못합니다. 브라우저 아키텍처에 대해 읽었을 때 렌더링은 인터넷에서 가져온 콘텐츠를 표시하는 것과 관련이 있습니다. 한편, 클라이언트 및 서버 렌더링 (브라우저가 언급되지 않음)이라는 정의가 있습니다. 예를 들어 Backbone.View 클래스에서 우리는 render 마크 업과 데이터 연결을 담당합니다.렌더링 웹 컨텍스트에서 렌더링

렌더링에 의해, (집합 장면 파일을 호출 할 수 있는지 또는 모델) 모델에서 이미지를 생성하는 과정입니다 : 웹 개발 환경의

외부는 위키 정의가 컴퓨터 프로그램의 수단. 또한 이러한 모델의 결과를 렌더링이라고 할 수 있습니다.

이 개념을 올바르게 이해하는 방법은 무엇입니까?

감사합니다.

답변

6

렌더링은 데이터가있는 경우 해당 데이터를 수집하고 관련 템플릿을로드하는 프로세스입니다 (또는 출력을 직접 보냅니다). 그런 다음 수집 된 데이터를 관련 템플릿에 적용하십시오. 최종 출력물은 사용자에게 전송됩니다.

이 개념은 클라이언트와 서버에서 모두 동일합니다. 클라이언트에서 Backbone.View를 사용할 때 render 메서드는 렌더링 논리를 넣을 수있는 일반적인 메서드와 비슷합니다. draw이라고 부를 수 있습니다. 완전히 괜찮습니다. Backbone.View의 주 개념은 어딘가에서 데이터를 가져 와서 (대부분 this.model), $ ('# template-id') .html()을 사용하거나 DOM 텍스트 플러그인을 사용하여 DOM에서 관련 템플릿을로드하는 것입니다. AJAX 요청을 사용하여 템플릿을로드하려면 requirejs). 데이터와 템플릿을 가지고 나면 자신 만의 템플릿 엔진을 사용하여 최종 출력을 "만들어"DOM에 추가하여 사용자가 볼 수 있도록 할 수 있습니다.

서버는 아마도 동일한 작업을 수행하고 브라우저가 "렌더링"할 수 있도록 최종 출력물을 백업하십시오. 그러나 사소한 차이점이 있습니다. 클라이언트 측에서는 아약스 요청이나 DOM을 통해 템플릿을로드합니다. 서버 측에서는 하드 드라이브에서 템플릿을로드 할 수 있습니다. 데이터에 관해서는 클라이언트 측에서는 ajax 요청을 사용하여 데이터를 얻거나 데이터가 인라인 자바 스크립트 객체에 의해 서버에 의해 응답에 이미 포함됩니다. 서버 측에서는 데이터베이스 (또는 캐시) 또는 일부 타사 서비스에서 데이터를 가져옵니다.

+0

렌더링의 한 측면 (렌더링이 발생하는 곳)에 대해 말할 때 좋은 대답입니다. 읽은 후에, HTML은 브라우저에 내장 된 일종의 템플릿 언어라고 생각합니다. – carousel