 책내용
[이 책의 특징] 독자의 1초를 아껴주는 길벗의 정성이 다음과 같은 곳에 배어 있습니다. 1. 웹 표준에 대한 안내:
국내 개발자 들이 간과하기 쉬운 웹 표준에 대한 안내를 다루고 있습니다. 읽다 보면 자연스레 웹 표준에 대한 필요성
및 표준을 준수하는 코드를 작성할 수 있게 됩니다. 또 이미 작성된 비표준 스크립트들에 효과적인 대안도 찾아 볼 수 있습니다. 2. Q&A 를 통한 정리
각 장의 마지막에 실려 있는 Q&A 를 통해서 그 장에서 익힌 내용을 더욱 발전시키거나 한번 더 생각해 볼 수 있는 기회를 제공합니다. 3. 풍부하고 완성도 있는 예제
책에서 소개되고 있는 작은 코드 조각 하나까지 모두 완벽히 동작하는 하나의 HTML 페이지 형태의 예제를 제공합니다.
또 예제들은 쉬운 난이도에서부터 일반 시중 Ajax 서적들에서 찾아 볼 수 없는 깊은 내용을 다루고 있는 활용 예들까지
Ajax 활용전반을 다루는 풍부한 소스코드가 제공됩니다. 4. 참고 문헌 제공
각 장에서는 각 장의 내용을 더욱 심화 학습하고자 하는 독자들을 위하여 독자 스스로 더 많은 정보를 접할 수 있는
참고 문헌을 제공합니다. 5. 이해를 돕는 일러스트
Ajax 프로그램은 비동기 호출이라는 특성 상 프로그램의 호출 흐름의 순서가 중요합니다. 독자들이 이러한 흐름을 놓치지 않게
하기 위해서 이해를 돕는 많은 일러스트를 사용하여 설명을 진행하고 있습니다. 6. 일관성 있는 적당한 난이도와 흥미 있는 진행
일반 번역서들과는 다르게 문체가 딱딱하지 않은 문체로 일관성 있는 난이도로 설명이 진행되며 독자의 이해를 돕기 위해서
많은 예시, 비유 등을 사용하여 설명하기 때문에 흥미 있게 책을 읽어 나갈 수 있습니다.
[이런분들께 꼭 필요해요]
-Ajax 를 처음부터 제대로 시작하고자 하는 개발자
-XML, JSON 등 Ajax 와 관련된 주변기술들이 상호작용 하는 원리를 알고자 하는 개발자
-인터넷 익스플로러와 파이어 폭스에서 정확하게 동작하는 Ajax 스크립트를 작성하고자 하는 개발자
-Ajax 를 알고 있지만 고급 활용에 어려움을 느끼는 개발자
-Ajax 를 실무에서 사용하면서 닥치는 문제들에 대한 효과적인 해답을 찾고자 하는 개발자
-재사용이 가능하고 체계적이고 구조적인 자바스크립트 컴퍼넌트를 작성하고 싶은 개발자
-XMLHTTP 뿐만 아니라 플래시를 이용한 Ajax 에 관심을 느끼는 개발자
-Ajax를 이용하여 채팅/메시징 프로그램을 작성하고 싶은 개발자.
-좀 더 다양한 최신 Ajax 예제들을 접해보고 싶은 개발자. * 이 책을 읽기 위해서는 최소한 자바스크립트에 대한 기본 지식이 필요합니다. HTML 을 작성하고 자바스크립트를
작성하고 변수와 함수에 대한 기본 개념 정도만 있으면 충분합니다. 그리고 Ajax 는 HTML 페이지와 상호작용하는
서버 페이지가 있어야 하므로 ASP, ASP.NET, JSP, PHP 등의 서버 스크립트를 작성해 본 독자라면 책을 읽고 따라하기에
무리가 없습니다.
목차
[차례]
저자의 말
베타테스터 인터뷰
프로그램과 예제 파일
이 책에 대하여
첫째마당 Ajax의 모든 것!
1장 Ajax의 세계로 날아보자
웹 2.0이 도대체 뭘까?
웨 2.0과 Ajax
Ajax에 대하여
왜 웹 2.0에 Ajax가 따라다닐까?
성공한 웹 사이트의 공통점
Ajax를 이루는 구성요소
Ajax의 원리
Ajax의 장단점
Ajax가 멋들어진 사이트
2장 동기와 비동기
동기? 비동기?
동기와 비동기는 이런 점이 다르다
다른 상황도 한번 고려해 보자
Hello, Ajax!
Ajax의 기본 동작
3장 Ajax의 심장, XMLHTTP
히든 아이프레임을 이용한 HTTP 요청의 비동기 처리
XMLHTTPRequest? XMLHTTP?
브라우저별 XMLHTTP의 차이점
XMLHTTP의 속성과 메서드
XMLHTTP의 보안 규칙
XMLHTTP의 동기와 비동기
XMLHTTP를 사용할 때의 장단점
4장 Ajax와 자바스크립트
Ajax를 좀 더 Ajax답게
자바스크립트와 HTML
자바스크립트와 XML
자바스크립트와 OOP
자바스크립트와 JSON
5장 XMLHTTP를 이용한 Ajax 패턴
HTTP 요청을 보내고 응답을 기다렸다가 진행하기
여러 XMLHTTP에서 동시에 온 응답 구별하기
XMLHTTP의 오류 감지하기
캐시로 인한 오동작 방지하기
XMLHTTP로 동시에 여러 요청 처리하기
래퍼를 이용하여 XMLHTTP 포장하기
여거 개의 XMLHTTP를 커넥션 풀로 관리하기
요청을 저장해 두고 주기적으로 보내기
Ajax가 동작 중임을 사용자에게 알리기
XMLHTTP로 데이저 POST하기
다른 도메인의 정보 이용하기
HTTP 응답 미리 로드하기
HTTP 폴링
HTTP 스트리밍
6장 XML 웹 서비스와 Ajax
XML 웹 서비스 클라이언트
공개된 구글의 API
인터넷 익스플로러에서만 동작하는 구글 웹 서비스 클라이언트
크로스 도메인 프록시의 구성
구글 웹 서비스 프록시 서버를 이용한 웹 서비스 클라이어트
웹 서비스 자바스크립트 프록시를 이용한 웹 서비스 클라이언트
Ajax를 위한 웹 서비스 - REST 웹 서비스
둘째마당 실전! Ajax 활용 예제
7장 Ajax와 캐스케이딩 드롭다운 리스트를 이용한 주소 찾기 메뉴
예제 구현 환경 확인하기
예제에서 사용하는 서버 페이지
ASP.NET으로 구현된 서버 페이지
예제 구현 자세히 살펴보기
예제 설치하고 실행하기
8장 구글ㆍ네이버와 같은 추천 검색어 제시 기능
검색 사이트에서 볼 수 있는 추천 검색어 기능
추천 검색어 예제의 구조
서버 페이지 구현하기
클라이언트 HTML 페이지 구현하기
예제 설치하고 실행하기
9장 드래그앤드롭을 지원하는 온라인 서점
Ajax 온라인 서점의 기능
Ajax 온라인 서점의 구조
서버 페이지 구현하기
클라이언트 HTML 페이지 구현하기
예제 설치하고 실행하기
10장 플래시와 Ajax를 이용한 야후 검색 클라이언트
플래시와 Ajax의 관계
Ajax에서 플래시를 이용할 때의 장점
플래시, XMLHTTP의 대안
플래시 개발 환경 준비하기
Hello, 플래시 Ajax!
플래시를 이용한 야후 이미지 검색 클라이언트
11장 플래시와 Ajax를 이용한 멀티 파일 업로드
플래시 파일 업로드하기
플래시를 이용한 파일 업로드의 구조
파일 업로드 페이지 준비하기
ASP.NET 이외의 환경에서 업로드하기
플래시를 이용한 Ajax 파일 업로드 컴포넌트
업로드 스크립트 자세히 살펴보기
HTML 살펴보기
12장 HTML 기반의 MSN 메신저
누구나 MSN 메신저를 만들 수 있을까?
Ajax로 MSN 메신저를 만들 수 있을까?
어떤 구조로 동작하나?
용어 통일하기
Ajax 기반의 HTML 메신저의 장점
동작에 따른 각 부분의 역할
XMLHTTP를 비동기 메시지 전달에 이용하기
예제 구현 환경 준비하기 - 자바로 구현한 AjaxMsn 서버
HTML 메신저 구현하기
AjaxMsn 서버 구현하기
AjaxMsn 메신저 예제 따라하기
브라우저로 HTML 메신저 시작하기
Appendix
A. Ajax 라이브러리 프레임워크
Prototype.js
UI 라이브러리
Ajax 응용 프로그램 프레임워크
Ajax RIA 프레임워크
B. Ajax 실행 환경 구성
웹 서버 준비하기
플래시 설치하기
JDK 설치하기
C. Ajax 디버깅 기능
Ajax 프로그래밍보다 두 배는 어려운 Ajax 디버깅
자바스크립트 콘솔
XmlHttpRequestDebugging
마이크로소프트 스크립트 디버거
파이어버그
aptana
[예제별 난이도] 7장 Ajax와 캐스케이딩 드롭다운 리스트를 이용한 주소 찾기 메뉴 :★★☆☆☆
8장 구글ㆍ네이버와 같은 추천 검색어 제시 기능 :★★★☆☆
9장 드래그앤드롭을 지원하는 온라인 서점 :★★★★☆
10장 플래시와 Ajax를 이용한 야후 검색 클라이언트 :★★☆☆☆
11장 플래시와 Ajax를 이용한 멀티 파일 업로드 :★★★★☆
12장 HTML 기반의 MSN 메신저 : 메신저 ★★★★★ 본문중에서 [베타테스터 소감] 노민경(SK커뮤니케이션즈 싸이월드개발 2팀) ajax는 손가락 하나에 원하는 것을 가져다주는 심부름꾼이 아닌가 싶습니다.
키보드를 두드리고, 마우스로 클릭하고 끌어당기고 선택하는 등의 갖가지 액션을 통해
시작신호만 받으면 바로 반응하여 그자리에서 일을 처리하고 결과를 보여주니까요.
갖가지 상황에서 심부름의 임무를 받았을 때 어떻게하면 잘 처리할 수 있을까?
고민하고, 질문하고, 답을 얻었습니다. 큰 그림으로 개념과 프로세스와 기능함수를 명확히 정리하고,
한 부분씩 코드로 구현해 나가며 그것들이 모여진 그림을 보는 구조는
바로 옆에서 누군가가 가르쳐주는 것처럼 친절하고 시원하고 이해하기 쉬웠습니다. 서버와 통신한다는 기본동작은 같지만
환경이 달라지면 그에 따라 알아야 할 지식들도 필요한데
꼭 필요한 배경지식을 그 지식의 배경까지 지금 상황에서 필요한 이유를 알며
차근차근 자연스럽게 습득한 것은 큰 보너스였습니다.
긁어 붙이기만 해도 기능을 만들 수는 있지만 알고 나면 더 깊이 응용할 수 있는 힘이 생기거든요. 지금 하고 있는 일에서 바로 응용해서 쓸 수 있는 예제도 좋았고,
중간 중간 허를 찌르는 잠깐질문 덕분에 애매했던 부분이 선명하게 정리되었습니다.
기술서적은 꽤 봤지만 이렇게 술술 끝까지 해보기는 처음이에요. 이성 (SK커뮤니케이션즈 글로벌서비스개발팀) 최근 들어 Ajax 에 대한 웹 개발자들의 관심을 반영하듯 시중에는 Ajax 관련 책들이 참 많이 나와 있는데요,
이 책은 딱딱한 이론과 어려운 코드들로 이해하기 어렵게 써 내려간 기존 책들과는 달리 꼭 필요한 핵심 개념들을
대화식으로 재미있게 설명해주고 실제 활용도가 높은 프로젝트 예제들로 구성되어 있어 평소 Ajax 에 대해 궁금했던
것들을 알기 쉽게 설명해주네요. 또한 개발에 필요한 유용한 팁들과 좀 더 알고는 싶지만 자세히 찾아보기
귀찮았던 세부 내용들을 책 중간 중간에 박스설명으로 잘 정리해 주고 있어 Ajax 를 막 시작하고 적용해보려는
분들에게는 최상의 가이드가 될 것 같습니다. | 
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
제목 : Phentermine no prescription.
Phentermine tablet....more
제목 : Buy phentermine.
Phentermine. Online phentermine....more
제목 : Is there a way out of the pa..
No teletrack payday loan....more
제목 : Ultram addiction.
Ultram. Ultram dosage. The mondego group wiki xwiki buy ultram....more
제목 : Adderall in mexico.
Buy adderall. Adderall medication. Adderall....more
제목 : Buy xanax without prescripti..
Xanax online. Xanax. Xanax without a prescription....more
제목 : Amoxicillin dosage.
Amoxicillin false positive for cocaine. Can greyhounds take amoxicillin. Amoxicillin and clavulanate potassium 875 mlg. Amoxicillin drug interactions. Amoxicillin no prescription. Amoxicillin pregnancy. What is amoxicillin used for....more
제목 : Valium.
Valium side effects. Valium picture. Valium statistics. Valium....more
제목 : Quick cash loan utah.
Quick cash loan www.thepayloan.com....more
제목 : Cheapest phentermine online.
Phentermine 37 5mg. Phentermine hydrochloride. Phentermine. Purchase phentermine. Phentermine no prescription. Lowest price for phentermine. Compare phentermine price....more
제목 : Dangers of anal sex.
Anal sex. Anal sex technique. Anal sex pics. Black anal sex black. Sex anal. Free anal sex movies. Nasty anal sex. Gay anal sex....more
제목 : Amoxicillin.
Amoxicillin. Amoxicillin expiry. Amoxicillin trial strep pharyngitis. Amoxicillin order mexico mexican. What is amoxicillin used for. Amoxicillin online no prescription....more
제목 : Phentermine.
Cheap phentermine. Phentermine. Phentermine overnight. How does phentermine work. Cheap phentermine online....more
제목 : Payday loan wisconsin.
Payday loan. Is there a way out of the payday loan cycle. Default payday loan....more
제목 : Xanax side effects.
How to cut down on xanax. Xanax dosage. Xanax no prescription overnight delivery. Xanax side effects....more
제목 : Free anal sex clips.
Anal sex. Free anal sex. Anal sex positions. How to have anal sex. Anal sex movies....more
제목 : Percocet.
Percocet sexual effects. Percocet. Description of percocet. Percocet effects....more
제목 : Advance cash fast loan onlin..
World wide cash and loan. Cash loan wisconsin. Auto title cash loan ohio. Cash loan oregon. Advance cash iowa loan....more
제목 : Xanax 2mg.
Xanax bars. Symptoms of xanax use. Xanax....more
제목 : Wellbutrin.
Wellbutrin and bipolar disorder. Wellbutrin xl. Wellbutrin xl and results of. Wellbutrin sr....more
제목 : Female viagra.
Viagra prescription price....more
제목 : Akane soma.
Soma in san diego. Soma muscle relaxant. Soma prescription medicine. Soma. Drug soma. Soma beds. Akane soma....more
제목 : Percocet withdrawal.
Canadian prescriptions and percocet. Percocet aspirin. Gereric names for percocet 5 325. Percocet. Buy tylox percocet. How do i get off percocet. Therapeutic range for percocet....more
제목 : Phentermine without a prescr..
Phentermine online. Phentermine. Order phentermine online. Phentermine free shipping. Phentermine no prescription. Cheap phentermine online. Buy phentermine on line....more
제목 : Zoo sex exclusive beastialit..
Zoo sex pic. Calico film music design re dog zoo sex. Zoo sex sex. Sex with zoo zoo sex galleries new updates. Zoo sex....more
제목 : Sex incest.
Sex crimes gt incest in the yahoo directory. Incest sex stories. Incest sex....more
제목 : Viagra on line.
Viagra. Pictures of viagra. Generic viagra. Viagra side effects. Free viagra....more
제목 : Big boobs.
Lanas big boobs. Big boobs. Big boobs alert the big breasts blog. Big black boobs....more
제목 : Airline tickets.
Airline tickets to shanghai. Airline tickets. Cheap airline tickets....more
제목 : Propecia side effects.
Propecia. Propecia merck propecia online uk. Propecia side effects fre....more
제목 : Propecia.
Propecia. Buy propecia....more
제목 : Free ringtones.
Free nokia ringtones. Free ringtones. Free cricket ringtones. Cingular ringtones. Christian ringtones. Ringtones....more
제목 : Propecia merck propecia onli..
Propecia. Do propecia side effects go away. Does propecia thin hair out at first. Generic propecia. Propecia and infertiliy....more
제목 : Celexa package insert.
Whats better lexapro or celexa. When is it best to take celexa. Celexa. Celexa vision....more
제목 : Xanax.
Xanax cocktail. What is xanax. Xanax....more
얼마전에 책을 사서 공부하고 있습니다. 그런데 잘 안되는 부분이 있어서요.
mac osx safari에서 테스트중인데,
ch4/xmldom에 있는 예제들 중에서
아래 부분을 만나면, 아무런 반응없던데요?
if (root.__proto__ && window.XMLSerializer)
{
root.__proto__.__defineGetter__("xml", function () {
return (new XMLSerializer()).serializeToString(this);
});
}
물론 IE나 Mozilla에서는 잘 되는 것 같은데...
흐음... 사실 변명같습니다만 우리나라에선 맥을 보기도 힘들어서,
제가 확인을 못해봤습니다.
제가 확인을 해보고 다시 답변을 드리도록 하겠습니다.
감사합니다.
9장의 드래그&드롭에서 말입니다.. 예제는 이상없이 잘 돌아가는데
제가 책 보고 따라 짠 코드는 왜 한글 깨짐 현상이 나는지.. 딴 기능은 다 잘 됩니다만
한글만 깨집니다 ㅠ.ㅠ 도와주세요~
그래도 한글만 깨지지 다른건 잘되신다니 다행이네요.
한글이 깨져보이면... 일단 다음을 한번 확인해보세요.
1. 일단 CH9 예제를 실행하는 디렉토리에 있는 Web.config 파일내에
<globalization
requestEncoding="euc-kr"
responseEncoding="euc-kr"
/>
라는 항목이 있는가? => 브라우저의 요청과 웹서버의 응답의 한글코드를 euc-kr 로 설정하는 부분인데 요 항목을
다음과 같이 UTF-8 로 변경하고 실행해 봐주시기 바랍니다.
<globalization
requestEncoding="utf-8"
responseEncoding="utf-8"
/>
제대로 보였으면 좋겠네요.
코드 수정 후에 텍스트파일 인코딩도 utf-8로 맞춰도 깨지길래
(원래 글로벌 설정 안하고 냅두면 utf-8인걸로 압니다..)
다시 euc-kr로 바꾸고 텍스트파일 인코딩을 유니코드로 맞춰주니까 안깨지는군요...
질문이 있는데요~
p.156 의 XMLHTTP 래퍼의 예제에서 POST 방식으로 값을 넘기고 싶은데..
소스가 어떻게 바뀌어야 하죠??
답변 부탁드립니다~
huniwha@naver.com
ㅎㅎ 감사합니다~
이 책을 사서 예제[5장 bbs-preload.htm]나와있는데루.. 했는뎅.. 에러가 나더군요...
그래서 소스를 긁어다가 다시 실행 후 디버깅을 해봐도.. 값을 찾을 수 없습니다..
/***************문제의 코드 부분*******************/
window.onload =function ()
{
myAjax.request({
url: "bbs.aspx?bbsid=0",
onBegin : function () {
},
onSuccess : function(result) {
currentThread = eval("("+result.responseText+")");
/**이후 생략**/
currentThread = eval("("+result.responseText+")");
이곳을--> eval("("+result.responseText+")");디버깅 할경우 구문 오류라고 나오는뎅..
어떻게 된건지 답변부탁드립니다.
linna1004@nate.com
응답에 뭔가 문제가 있지 않을까 싶습니다.
eval () 이라는 함수는 ( ) 안의 문자열을 자바스크립트 구문으로 실행하는 함수인데
전달되는 문자열이 자바스크립트 구문으로 실행될 수 있는 문자열이 아니면 당연히 구문오류가 날겁니다.
http://localhost/ajax/preload/bbs.aspx?bbsid=0 을 브라우저에서 봤을때
책에서 설명한 대로 다음과 같은 구문이 브라우저상에 표시되는지 확인 해 보세요.
{
id:'0',
content:'첫번째 게시물나 보기가 역겨워가실 때에는말없이 고이 보내 드리오리다.',
previousid:'3',
nextid:'1'
}
콤마 라던지 : 등이 사소하게 틀린 경우라도 구문오류가 발생할 수 있습니다.
책 부록을 보고 ASP.NET 실행환경을 먼저 구성하시기 바랍니다.
또 궁금한것이 있으면 언제든 문의해 주세요.
감사합니다.
ch4/xmldom의 xmldom.htm 소스가....위 소스 압축파일에 들어있는 걸로는 어째 익스플로러나 파이어폭스에서나 원하는 결과가 나오질 않았습니다.
책에 나와있는 내용(alert(x.xml)부분) 을 집어넣고 다시 해보니 익스플로러에선 되는데 파이어폭스에선 여전히 안돌아가는군요...
[object XMLDocument]라고만 뜨고 내용은 나오질 않습니다. 왜 이런지요 ㅠ
책의 예제대로 라면 x.xml 이라는 속성이 있으면 x.xml 을 화면에 보여주고
그렇지 않으면 그냥 alert(x) 하라고 되어 있습니다.
책의 바로 뒤에도 설명이 나오지만
XMLDocument 객체의 xml 코드를 그대로 문자열로 반환해주는 xml 속성은 인터넷 익스플로러 전용입니다.
즉 파이어폭스에는 x.xml 을 사용하실 수 없습니다.
없는 속성이니까요.
그래서 해결방법이 바로 그 다음예제 xmlproperty.htm 에 있습니다.
xmldom.htm 은 XMLDocument 를 생성하는 방법이고
xmlproperty.htm 은 xml 속성을 파이어폭스에서도 사용할 수 있도록 지정하는 방법입니다.
제발 어떻게 바궈야 하는지 도와주세요
HTML 의 인코딩과 실제로 파일을 저장하는 jsp페이지의 인코딩을 한번 맞춰보시기 바랍니다.
HTML(flashupload.htm) 에서
<head> 밑에
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <- 추가
jsp(upload.jsp) 에서 맨위에
<%@ page language="java" pageEncoding="utf-8" %> <-추가
감사합니다.
example2-1,2 예제를 실행시켜보니(이클립스) 응답란은 아무 반응없고 호출란만 0의 행진....
브라우저에서 직접 실행해보니 48라인의
q[req_index].open('POST', addr, true);
에서 엑세스가 거부된다고 나오네요,...원인이 뭔지.
윈도우2003환경인데요. 설정 문제일까요? 아님 소스에 뭔가 수정할 점이라도 있는지요?
갑자기 어려워지는 부분은 과감하게 넘어가셔도 무방합니다.
특히 5장의 부분은 더욱 그렇습니다.
책의 구성상 어쩔수없이 그런식으로 진행이 되었는데 5장은 경우는 가볍게 읽고 지나가시고
뒷부분을 다 공부한 후에 다시 한번 5장을 읽으시면 이해가 더욱 잘되실 거라고 생각합니다.
일단 하여간, 제가 볼때 독자님은 아래 내용을 지나치신거 같은데요.
------------------------------------------------------------------
잠깐만요
위 예제는 random.aspx 파일을 준비해야 합니다.
Example2-1.htm 예제를 실행하기 위해선 같은 폴더에 random.aspx 가 필요합니다.
random.aspx 는 무작위 시간동안 지연을 일으키며 요청 시작 시간과 응답 시간을 출력합니다. 호출 할때에는 일련번호를 reqId 파라메터로 붙입니다.
● http://localhost/ajax/random.aspx?reqId=1
응답은 1초에서 5초까지의 무작위 지연시간을 가진 뒤에 다음과 같은 포맷의 데이터를 출력합니다. 각 일련번호를 가진 요청에 대한 응답을 onResponse 핸들러에서 구별할 수 있도록 출력에 일련번호가 포함됩니다.
{
reqId:'1', [1]
startTime:'2007-02-20 오전 11:12:09',
endTime:'2007-02-20 오전 11:12:10'
}
---------------------------------------------------------
브라우저 상에서 실행을 해야 하구요. 그냥 html 파일을 탐색기에서 더블클릭해서
브라우저로 여시면 실행이 안됩니다.
브라우저로 아래주소에 대한 응답이 윗 박스글과 같은 응답을 볼 수 있도록 웹서버를 구성하신 상태에서
http://localhost/ajax/random.aspx?reqId=1
http://localhost/ajax/example2-1.htm 과 같이 브라우저를 통해서 웹서버를 통해서 htm 파일을 보셔야 합니다.
결국은 나왔습니다. 근데.... iis 구성으로 들어가서 웹사이트로 보기를 하면 나오는데, 그냥 내컴퓨터상으로 하면 역시 안나오네요.
뭐 일단 나왔으니 나름 기쁩니다만... 저거 원래 저런가요?(...)
10메가 이상은 업로드가 안되고
업로드파일들 올라갈수록......... 메모리 반납은 안하고.............
java.exe 프로세스 메모리가 <--- 기하급수적으로 올라가네요
해결방법 없을까요?
일단 제가 볼땐 10메가이상파일이 업로드가 안되는것은 웹서버의 설정문제 같습니다.
책에도 설명이 있지만 사실, 업로드하고 플래시하고는 아무 상관이 없구요.
파일을 수신받고 저장하는 것은 전적으로 웹서버의 역할입니다.
단지 플래시는 브라우저로 찾아보기를 누르고 전송 버튼을 누르는 역할을 대신해 주는것 뿐이구요.
해서 제생각에는 일단 HTML 폼을 이용해서 10메가 이상의 파일이 올바르게 전송이 되고
서버에 저장되는지를 한번 확인해보시면 뭔가 해결의 실마리가 보이지 않을까 싶습니다.
그러고 나서 플래시로 업로드를 해보면 괜찮을것 같아요.
저는 톰캣을 이용했고 바로 옆에 있는 pc 에서 전송을 해보았는데 수백메가짜리도 전송이 잘되는것을 확인했습니다.
답변감사합니다 ...
너무 많이 올리면.. 부하는 없었던건가요?
플래시 업로드시....동영상 스크립트를 더 읽을시 느려질수 있습니다란 메세지도 뜨고요
톰켓의 java 프로세스 메모리가.... 올라간 채로 안떨어져요... 처음에 50000이었는데........ 올리면 올릴수록 메모리 계속먹습니다... 250000까지도 가봤어요...
책보면서 이것저것 공부하는 학생입니다^^; 근데 궁금한것이 있어서요.
제가 이번에 사이트 만드는데요. 구현해 보고 싶은 것이 있어서요.
파일업로드를 할때 데스크톱에서 사이트의 지정공간으로 드래그앤드롭 할 시에 파일(이미지)이 선택되어 올려지는 것입니다.
AJAX를 이용해서 따로 ActiveX사용 없이 파일 업로드하는 것은 몇몇 자료를 찾았는데(꽤 복잡하던);;
드로그앤 드롭같은 경우는 사이트 내에서만 보통 써서요.
이게 가능한지 궁금해서 여쭤 봅니다.
파일을 끌어다 놓기로 업로드 하고 싶으시다는 거죠?
제 생각에는 아마 그런것은 불가능 하지 않을까 싶어요.
액티브 X 라면 모를까 순수 자바스크립트 만으로는 힘들것 같습니다.
그이유는
일단 데스크탑에서 웹브라우저로 파일을 끌어다 놓는다고 해서 자바스크립트가 이벤트를 받아서 그 파일의 경로를 아는 방법이 없구요.
또 업로드할 파일의 경로를 자바스크립트로 구할 수 있다고 해도 자동으로 업로드를 시작할 수 없습니다.
파일업로드는 Form 태그의 input type=file 엘레멘트를 이용해서 사용자가 꼭 파일을 선택해서 지정하도록 되어 있습니다.
만약 저걸 무시하고 특정 파일을 자바스크립트만으로 업로드 할 수 있다면 개인정보유출에 매우 취약하게 됩니다.
생각해보세요. 웹페이지를 보고 있는데 사용자도 모르는 새에 내문서에 doc 이나 txt 파일을 자동으로 ajax 가 몰래 어떤 서버로 업로드는
하는것도 가능하지 않겠습니까?
그런이유로 자바스크립트는 내 PC의 로컬파일에 절대 프로그램적인 방법으로 접근하는 방법이 없습니다.
액티브 X라면 가능하구요.
Ajax 를 이용해서 파일업로드를 하는 것은 일단 파일은 사용자가 찾아보기 버튼을 이용해서 찾은 후에
그후에 파일 업로드에 대한 과정을 피드백을 받는 것을 의미하는 것으로 알 고 있습니다.
도움이 되셨는지 모르겠네요 .
감사합니다.
아 빠르고 친절한 설명 너무 감사드립니다. ^^*
굳이 자동으로 업로드를 안한다고 해도 불가능하군요..
자동 업로드 까지는 아니어도 끌어다가 놓으면 경로를 인식해서 버튼을 누를시에 전송을 생각했는데..흑.ㅋ
많은 참고가 되었습니다! 고맙습니다!!
1m 올릴때마다.. 작업관리자의 java.exe 메모리가 20,000KB 씩 올라가요
파일업로드 하고 나서도... java.exe의 메모리 반납하지 않네요
업로드 할때마다 메모리 계속 올라가요 500,000 KB도 됨
이거 저만 그런거가요?.... 확인좀 부탁해염
플래시로 멀티업로드 하는것 말씀이시죠? 클라이언트쪽말고 파일을 받는 서버쪽의 메모리 사용량이 지나치게 많다는 말씀이시죠?
그런데 같은 현상을 말씀하신분이 예전에도 계셨었는데,
하여간,
플래시로 업로드한다고 해서 서버쪽의 메모리사용량에 부하를 주진 않습니다.
서버쪽의 입장에서 보면 HTML 폼으로 브라우저가 업로드 하는지 플래시가 업로드를 하는지 완전히 같습니다.
플래시는 브라우저처럼 HTML 프로토콜로 서버에 브라우저처럼 같은 방식으로 업로드를 하는 것이기 때문에,
제 생각에는 HTML 폼을 간단하게 만드셔서 (찾아보기 버튼과 전송버튼이 있는)
파일을 받는 페이지로 1M 짜리 혹은 그이상파일을 반복해서 업로드 해보시기 바랍니다.
메모리사용량도 보시고 실제로 서버디렉토리에 파일이 올바르게 생성되는지도 보시구요.
그래도 메모리 사용량이 많다면 톰캣의 업로드 설정 문제일것 같습니다.
톰캣의 설정은 하도 다양하고 윈도우즈인지 리눅스인지도 있고 해서
여기서 설명드리긴 힘들고 네이버같은데 찾아보면 톰캣설정하시는 법은
많이 있으므로 참고 하시기 바라며,
참고로 저는 윈도우즈에서 톰캣을 이용해서 했을때 수백메가 정도를 업로드해도
말씀해주신 현상은 발견하지 못했습니다. 책을 만들때 베타테스터들도 저런 현상을
말씀해주신 분들도 없는 것으로 보아 , 특수한 설정하에서 나타나는 현상으로 보이는데
제가 보질못해서 어떤 현상하에게 저런 현상이 나타나는지 아직 확인을 못했습니다.
감사합니다.
따로 웹서버를 사용하지 않고 작동하도록 되어있는데 html페이지는 어떻게 자바 파일과 통신을 하게 되는건지 그게 궁금합니다. 보통 제 생각으로는
서블릿 같은 경우에는 web.xml파일에 이름을 추가하여 사용하는데 제가 소스를 보고 책을 봐도 잘 이해가 안되서 질문 드립니다. 감사합니다.
아직 많이 부족하고 우둔한 학생이라.
HTML 페이지가 자바파일과 통신을 한다고 생각하지 마시고,
HTML 페이지가 자바스크립트를 통해서 웹서버의 다른 페이지들을 동적으로 불러들인다고 생각을 해보세요.
웹서버는 자바로 구현될수도 있고 C 로 구현될 수도 있고 C#으로 구현될 수도 있고 .. 자바라는 것은 별 의미가 없습니다.
여기서 다시 한번 동작원리를 소개시키기에는 지면상의 한계가 있고..
책에서 나름대로 쉽게 설명한다고 아주 유치한 문맥까지 써가면서 자세하게 설명했으니,
다시 한번 잘 읽어 보시라고 밖에는 드릴 말씀이 없어서 죄송하게 생각합니다.
자바를 잘 모른다거나 해서 자바라는거에 의미를 두어서 생각하지 마시구요.
그냥 그 동작과정만 살펴보세요. 자바는 그 동작과정을 구현하기 위한 하나의 수단일 뿐입니다.
감사합니다.
전합니다. 그럼 즐거운 주말 되세요. 답변 다시 한번 감사드립니다. ^^
처음 ajax를 접해보려고 책을 구매한 학생인데~
소스코드는 어떤걸로 실행을 해야할지... 닷넷 프레임워크 설치하려고 했더니 이미 설지되 있다고(비스타입니다)...설치 안되구요... 근데 제어판가서 확인해보면 안나오네요;;;
자바sdk랑 ajax.net은 설치파일 잘 설치했구요~
비스타면 닷넷프레임워크는 말씀하신대로 이미 내장되어 있구요.
따로 설치하실 필요없습니다.
그리고 IIS (웹서버)를 설치하셔야 하는데요.
XP하고는 사뭇 다릅니다.
http://www.windowsvista.pe.kr/141
여기 참고하셔서 제어판>프로그램>프로그램 및 기능의 윈도우즈 기능 이란 창을 이용해서
World Wide Web 서비스란 항목을 선택하시면 웹서버가 활성화 됩니다.
사실 저도 해보지 않아서 자세한 답변은 못드리겠는데
제가 비스타에서 예제를 실행해보고 블로그를 통해서 자세하게 그림 곁들여서 설명을 해보도록 하겠습니다.
일단은 쉽게 실행보실 수 있기를 바랄께요.
감사합니다.
가상디렉터리 설정은 필요없구요.
응용프로그램설정을 하셔야 합니다.
IIS가 엄청 복잡해졌네요.
간단하게 웹서버를 구동하고싶은것 뿐인데..
http://blog.naver.com/oyukihana?Redirect=Log&logNo=60036385376
여기가 좀 자세히 나와있는것 같아요.
제가 한번 해보고 캡처된 그림과 함께 포스트하겠습니다.
조금만 기다려 주세요.
var name = root.childNodes[i].firstChild.firstChild.nodeValue;
var height = root.childNodes[i].firstChild.nextSibling.firstChild.nodeValue;
이부분에서 자꾸 에러가 나네요... 왜그럴까요
xml 값은 앞쪽에 문자열 선언후 붙여나가는 식으로 구현해서 XMLDOM객체 만들고 객체에서 root값 받아와서(xmlDoc.documentElement;~~) 하는건데용...;;
파이어벅 에서는 root.childNodes[i].firstChild has no properties라고 뜨네요ㅡ.ㅡㅜ
자식노드가 없는데 자식노드를 선택하려고 하거나,
자식노드가 두개밖에 없는데 세번째 자식노드를 선택하려고 하거나 (childNodes[2]) 처럼...
한번 alert 를 이용해서 차근 차근 화면에 찍어보세요.
alert(root.childNodes.length) 하면 자식노드의 갯수가 나오구요.
alert (root.childNodes[0].firstChild) 하면 root 의 첫번째 자식노드의 첫번째 자식노드죠.
어떤 코드를 작성하셨는지 여기에 한번 올려 보시면 한번 봐드릴께요 .
감사합니다.!
웹 서버가 이 디렉터리의 내용을 표시하지 못하도록 구성되었습니다.
http://localhost/ajax/ 실행시 이렇게 표시되는데 원래 이런건가요??
그리고 책에있는 예제 실행해 볼려면 소스파일들을 ajax폴더 밑으로 카피해야 실행되는 건가요????
예제 잘 되고 좋네요
다른게 아니라 여기서는 ASP.NET이용해 IIS서버 쓰는데요
톰캣 서버로 돌리려면 어떻게 해야하나요?
java, jsp 쪽만 공부한지라
C#코드는 난해하네요 T.T
java 코드로 주면 완전 감사구요-_-ㅋ 안되시면
대략적인 방법이라도 알려주시면 감사해요~ T.T
초보라 이상한걸 물어보네요;;
그럼 수고하세요~