길이의 20원짜리 이야기

작년에 Safari Ajax시 문제가 발생해서..

포스팅한적이 있었습니다.

( http://iamgil.com/390  )

해당 내용에 대해 문의가 있어 다음과 같이 포스팅합니다.

Ajax거래의 응답이 10초가 넘어버릴 경우에 빈 응답이 내려온다는 것입니다.

서버에서는 응답을 내려주지도 않았는데 말이죠. 

동기/비동기 방식 거래 모두에서 말이죠.

동기 방식의 경우 70-80% 이상이 문제가 있었고

비동기 방식의 경우에도 꽤나 높은 확률이었던것으로 기억합니다.

(테스트해본지 오래되어서.^^;;)

이 문제에 대해서..

처리한 소스입니다.

하지만 한가지 문제가 동기방식 거래가 되지 않는다는것입니다.

API는 만들었지만 테스트 해보니 잘 되지 않네요.ㅠㅠ

혹시 Sync가 꼭 필요한데..Sync스타일로 코딩만 가능하면 된다라고 하신다면..

제가 예전에 만든 Javascript JobManager소스를 올려드리도록 하겠습니다.^^

Ajax에서 동기 거래는 추천드리지 않지만...

어떻게 해서든 되게 해보려고 했지만..실패했네요..

이것 저것 테스트 중이니 차후에 라도 동기거래를 구현해 낸다면 포스팅 하겠습니다.

해당 내용을 처리한 From-submit방식으로 Ajax를 구현한 내용이구요.

필요시에는 File첨부 기능도 추가할수 있습니다.^^ (필요하시면 댓글로 요청주세요.ㅎㅎ)

동기방식은...조금만 기다려달라!! 라고 말씀드리고 싶지만 빠른시간에 처리할 자신이 없네요.ㅠㅠ

일단 기다리시는 분이 계시고, 혹여나 그분이 이 소스를 수정해서 구현해주신다면.^^;...감사합니다...(__  )

꼭 댓글로 피드백 부탁드리겠습니다.

아래 첨부파일은 구현해놓은 소스 입니다.

Form-Submit방식으로 Ajax를 구현해 놓은 소스입니다.(formAjax.js)

그리고 의존성이 있는 jquery와 json2.js 파일을 첨부하고

해당 내용을 테스트한 test.js파일과 test.html 응답을 내려준 test2.html 파일을 첨부합니다.

그리고 해당 내용을 테스트할수 있는 URL은

http://api.jexframe.com/test/test.html 입니다.

제가 관리하는 서버이긴 하나 회사 서버인 관계로 해당페이지의 링크는 어느 순간 삭제될수도 있습니다.

회사에서 HTML5 도입에 대하여 고민을 해보던중 문득 크롬프레임에 대하여 고민을 하게 되었습니다

기존 업계에서 사용중인 유사 제품인 VeraIN 적용에 대한 이야기또한 해보고자 합니다.

CHROME FRAME를 써서 얻을수 있는 장점과 단점을 구분해보고자 합니다.

1) VERAIN은 무엇인가?

2) CHROME FRAME은 무엇인가?

후..-_-...한참을 고민하고 정리했는데요..

차후에 얻는 정보가 있다면 업데이트 하도록 하겠습니다...

CHROMEFRAME..참 좋은데~ 머라고 말로 할수는 없고~~

외부 플젝트 중에 이러저러한 문제로 제가 HTML5을 권유하고 HTML5사용해야 하는 프로젝트가 생겨, (아마..관련업계 최초일듯..^^;;) 다음 사항을 정리하고자 합니다.

해당 문서는 회사에 제출해야 할 문서이므로, 차후 저작권 문제가 발생할 소지가 있어 외부에서 퍼가시는것은 허용하지 않도록 하겠습니다.

> HTML5 사용을 위한 가이드

1. HTML5의 새로운 기능 사용 여부에 관한 고민

2. HTML5 사용시 고려해야 할점 (퍼블리싱 관점)

1) HTML5를 위한 문서 타입 아래 블럭 1,2 두가지가 사용가능하나, 1번 사용을 권장. (두가지 동시에 사용은 에러발생합니다.)

2) 인코딩 설정 - 이전에도 많이 사용하던 2번을 권장합니다.

3) 종료태그를 기술하지 말아야 할 Tag List아래 태그리스트는 <br></br> 형태의 종료 태그를 기술하지 말아야 하며, <br /> 형태로 사용을 하여야함.

4) 종료태그가 생략가능한 TAG :: 종료 TAG 생략가능 TAG가 일부 존재하나 종료태그 생략을 권장하지 않음. (개발자 가이드를 통하여, 종료태그 생략을 사용하지 않도록 문서화 필요)

5) Attribute 사용

5-1) Attribute의 경우 """ 로 묶어서 값의 표현을 권장함

5-2) Custom Attribute의 사용은 앞에 "data-" 를 prefix로 사용권장

5-3) 단독으로 사용 가능한 attribute사용은 단독으로 사용하지 않고 value를 넣는 것을 권장

6) HTML5에서 추가 또는 삭제된 마크업

6-1) 문서구조를 위한 ELEMENT(SECTION)

실제로는 DIV를 사용하여 Layout을 구성하는 것과 큰 차이가 존재하지 않는다고 생각 할수 있으나, 해당 마크업드은 차후 웹접근성 항목에서 상당한 잇점을 제공하므로, 사용을 적극 권장합니다. 

6-1) Grouping을 위한 ELEMENT

실제로는 DIV를 사용하여 Layout을 구성하는 것과 큰 차이가 존재하지 않는다고 생각 할수 있으나, 해당 마크업드은 차후 웹접근성 항목에서 상당한 잇점을 제공하므로, 사용을 적극 권장합니다. 

6-2) 미디어를 위한 ELEMENT

미디어 기능은 지원하지 않는 브라우저가 많으므로, 비권장하며, 아직까지는 대체기술인 Flash나 embed태그 사용을 권장합니다.

6-3) Form확장 ELEMENT (추가된 Attribute는 포함되지 않음)

HTML5에서는 Form을 확장하기 위한 다음 ELEMENT를 추가 되었으며, 일부 기능은 브라우저에따라 정상작동 되지 않는 경우가 존재하므로, 사용시 주의를 요합니다. 

======================= 일단 끝 =========================

사설 #01

후..-_- 오랫만에 구조화되고 복잡한 문서를 작성하려니.-_- 또가 나올것 같습니다.

군대 있을적 행정병으로 열심히 문서작성할때가 떠오르며, 유격보다는 문서작성이 무서웠던 악몽이 떠오르네요.ㅠㅠ

사내에서 HTML5적용을 위해 만든 문서이긴 하지만, ...회사에서 글 내리라고 하면...힘이 없는 저는 이 문서를 내리게 될수도 있짐나....HTML5를 지원하지 않는 브라우저를 위한 고민을 하는 분들을 위해 해당 문서를 공개로 작성합니다.^^

사설 #02

이 문서에서 HTML5를 도입하기에 필수적인 요소인 html5shiv기능을 제안한 사람이              무려 Jquery, Sizzle등을 만드신 "john Resig"님였군요. 이분 javascript역사를 마구 바꾸어대는 어마어마한 분이 되어 가는것 같습니다.

저는...언제쯤 이런사람이 될수 있을까요.ㅠ_ㅠ.....아 이런사람 보면 제가 왜 이리 초라하게 느껴지는지.ㅠ_ㅠ

 
타팀에서 daum에디터를 사용하려는데 JSON.stringify(json) 사용시

array에 대해서 2중 String변환이 일어나 문제가 발생 한다고 기술지원 요청이 왔습니다.

일단 디버깅을 해보니, daum에디터에서 array에 대해서 toJSON을 구현해 두었더군요;;

toJSON은 array를 String으로 변환해줍니다.



문제는 json2.js 239라인 에 아래와 같은 구현이 있다는 것입니다.

네!! toJSON()이 구현되어 있는 경우에 대해서는, toJSON(key)을 실행하도록 해주네요;

그러면서 배열에 대해서 toJSON이 실행되고, 값은 String으로 변환된 상태에서 json2.js는 또한번 String으로 변환하는 문제가 발생합니다;



그래서 위 코드를 아래와 같이 변환하여 주었습니다.

toJSON()함수가 있을때 실행해봐서; string이 나오면, 그 string을 return하게 합니다;

테스트해보니; 일단은 잘 돌아갑니다.




아래와 같은 방법도 있습니다.

위보다 성능은 더 떨어질듯 하지만 코드는 아래가 더 이뻐보이네요.ㅎㅎ

 

방법은 toJSON을 실행해봐서 결과가  "string"으로 나오면; 무시하고 아닌경우에만

value = value.toJSON(key) 로직을 실행하는 것입니다.


처는 먼저 방식으로 처리 했고; 해당 파일은 첨부하겠습니다.^^;

저처럼 삽질하는 사람이 줄기를 바라는 마음에..^_^.ㅋㅋㅋ

json2.js