현재 위치

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

[질문] html 에서 이미지 불러올때....

doodoo의 이미지
글쓴이: doodoo / 작성시간: 화, 2011/05/31 - 4:04오후 

<a href="big.jpg" id="thumb1"><img src="thumb.jpg" /> </a>

와 같은 문장이 있을때
big.jpg 를 불러오는 시점이 엥커를 클릭했을 때 인가요? 아니면 처음 로딩될때 인가요?

만약 cgi 같은 것으로 실시간으로 big.jpg 같은 파일을 생성 한다면 그 그림파일을 로딩을 어떻게
처리하는지 궁금해서 입니다.

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

글쓴이: popome / 작성시간: 화, 2011/05/31 - 4:55오후

위 소스를 기준으로 한다면 thumb.jpg는 html 로딩 당시에 브라우져가 서버에 이미지를 요청해서 화면에 표시할것이고
해당 이미지를 클릭하면 big.jpg를 다시 요청해서 페이지를 표시하게 됩니다.

big.jpg를 cgi로 만들기 위해서는 aaa 처럼해서 실제 이미지의 바이너리 데이타를 출력하도록 하면
동일한 기능을 구현할 수 있습니다.

doodoo의 이미지

글쓴이: doodoo / 작성시간: 화, 2011/05/31 - 5:23오후

흠 그러면 big.jpg 는 일단 처음 html 이 로딩될 때는 불러오지 않겠군요, 그렇죠?
그래서 클릭하면 cgi 에서 big.jpg 를 생성한다음 웹브라우져 쪽으로 넘겨야 한다는 것 같은데요...

그면 결국 cgi 에 서 big.jpg 를 만들어서 이미지 파일을 stdout 으로 쏴야 한다는 말씀인지?

아니면 

http://kldp.org/node/img.cgi?name=big.jpg

처럼 엥커를 만들면 브라우져에서 알아서 big.jpg 파일을 서버에 요청을 하므로 img.cgi 에서는 그냥 big.jpg 파일만
만들어 놓으면 웹서버가 알아서 big.jpg 파일을 건네주고 브라우져는 화면에 렌더링 하는건지 조금 햇갈리네요.

PS. 남이 만들어 놓은 C 로 된 cgi를 쪼금 고쳐만 써봐서리 기초적인 개념이 좀 부족하네요...ㅠ

익명 사용자의 이미지

글쓴이: 익명 사용자 / 작성시간: 수, 2011/06/01 - 11:20오전

크롬이나 파이어폭스 같은 브라우져에 리소스 트래킹 기능이 있습니다.
그 녀석을 살펴보시면, 어떻게 통신하는지를 알수 있어서 도움이 되실듯 합니다.

doodoo의 이미지

글쓴이: doodoo / 작성시간: 목, 2011/06/02 - 4:19오후

한번 살펴 봐야 겠군요...
감사~

댓글 달기

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

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
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.