현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

웹 브라우저 기능중 완료 메시지에 대하여

lovemyin의 이미지
글쓴이: lovemyin / 작성시간: 목, 2009/04/09 - 4:44오후

안녕하세요.
웹 브라우저 관련해서 질문 사항이 있어 이렇게 글을 올립니다.
보통 윈도우에서 웹 브라우저를 보면 아래 상태창에 "완료" 라는 메시지가 출력되는 것을 많이들 보셨을 것입니다.
현재 저는 리눅스 상에 포팅된 웹 브라우저에 그와 비슷한 기능을 구현하려고 생각중인데
제 개인적인 생각으로 "완료" 라는 시점이 명확히 확인 가능한지 궁금합니다.

HTTP를 이용하여 특정 URL로 이동할 때 HTTP 프로토콜을 통해서 웹 페이지를 다운받아서 화면에 출력할텐데
HTTP 특성상 커넥션이 한번만 이루어지지는 않을 것이고 여러번 접속을 통해 데이타를 받아올텐데...
그 페이지가 완료되었다는 시점을 어떻게 알 수 있을까 고민입니다.
혹시 경험이 있으시거나 조언해주실 분 계시만 도움 요청 드립니다.

Forums: 
프로그래밍 QnA
haze11의 이미지

글쓴이: haze11 / 작성시간: 목, 2009/04/09 - 4:57오후

우선 html 페이지를 가져올테구요.
그 다음 html 에 포함되어있는 그림등을 가져오겠죠.

단순 html 페이지만 가져온다면 한번의 http 연결로 끝날테구요.
이미지등을 가져온다면 그 수만큼의 http 연결이 필요하겠죠.

html 페이지의 정보에 따라 이미지등의 수가 결정되니..
언제 완료가 되는지 정확히 알 수 있겠죠.

lovemyin의 이미지

글쓴이: lovemyin / 작성시간: 목, 2009/04/09 - 5:03오후

말씀하신 내용은 맨 처음 받은 HTML 페이지를 분석해서 몇 번의 커넥션이 더 필요한지 분석한 다음
그 작업들이 모두 완료될 때까지 체크해야 된다는 말씀이신지요?

/***************************************************
* 가장 심플한 것이 가장 아름다운 것이다.
***************************************************/

김정균의 이미지

글쓴이: 김정균 / 작성시간: 목, 2009/04/09 - 5:15오후

완료는 브라우저 랜더링이 끝난 시점인 것으로 알고 있었는데.. 아마 맞지 않을까 싶습니다.

lovemyin의 이미지

글쓴이: lovemyin / 작성시간: 목, 2009/04/09 - 5:20오후

브라우저 랜더링이라는 표현이 잘 와닿지가 않네요.
제가 웹을 경험해본 적이 없고 현재 웹 브라우저 소스를 분석해서 작업을 해야되는 상황이라
좀더 쉽게 표현을 해주셨으면 ^^

간혹 윈도우에서 웹 브라우저를 통해 특정 웹 사이트에 접속할 때 "완료" 라는 메시지가 여러번 뜰 경우도
있는 것 같은데... 막상 해당 포인트를 찾으려고 하다보니... 좀 어렵네요.
좋은 말씀 감사드립니다.

/***************************************************
* 가장 심플한 것이 가장 아름다운 것이다.
***************************************************/

monovision의 이미지

글쓴이: monovision / 작성시간: 금, 2009/04/10 - 11:47오전

일정한 시간 내에 가져올 수 있는 자원에 대해 랜더링이 완료 된 시점으로 알고 있습니다.

브라우저 랜더링은....

html 구문이나 자바스크립트, 이미지 및 기타 자원들을 읽어와 해석하여 유저에게 보여주는 처리 과정이 아닌가요 ?

'완료' 가 여러번 뜨는 경우를 저는 보지는 못해서 뭐라 말씀을 드리진 못하겠군요~

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.