ecdevday2 RIA 개발 팁과 노하우

1,888 views
1,805 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,888
On SlideShare
0
From Embeds
0
Number of Embeds
39
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

ecdevday2 RIA 개발 팁과 노하우

  1. 1. 시간 구분 강사 제목 UI 김정범 대리 웹표준이냐 속도냐(UI개발자의 고뇌) RIA 오창훈 대리 GS이숍만의 RIA 개발활용팁과 노하우 프로젝트 김현 과장 효율적인 유지보수를 위한 개발 및 관리 19:00 프레임워크 추경돈 대리 Spring Framework 도입 사례 ~ SE 김풍주 대리 웹 표준스펙 살펴보기 (명세서에 살고 명세서에 죽다) 21:00 쇼핑몰 트렌드 초청 김태진 쇼핑몰 컨설턴트가 바라본 쇼핑몰 트렌드 코드관리 허광남 과장 레거시 코드 관리 전략 (남이 짠 코드 빨리 알아보기) SQL튜닝 박광일 대리 웹개발자의 약한고리 SQL 뛰어넘기
  2. 2. GS이숍만의 RIA개발 개발활용팁과 노하우 EC정보팀 오창훈 lovedev@gshs.co.kr
  3. 3. Agenda ? What is RIA? ? Flex와 Flash 적용사례 ? Remote Data ? Ajax Debugging 노하우 ? 간단한 Javascript Tips 소개
  4. 4. What is RIA? JAVA ACTIVEX X-INTERNET FLASH/FLEX RIA(ri ch internet application) RICH HTML APPLICATIONCURL AJAX SILVER LIGHT
  5. 5. Flex와 Flash 적용사례
  6. 6. Flex와 Flash 적용사례 Flex SWF vs Flash SWF 간단한 FlvPlayer 구현 사례 NetStream을 간단하게 Drag로 구현 이용하여 개발 개발기간 : 1시간 개발기간 : 30초 용량 : 2Kbyte 용량 :152Kbyte 참고 경로 : http://ecs.gseshop.co.kr/blog/271
  7. 7. Remote Data 1000건의 Data를 파싱할 경우 용량/속도/개발시간/ 비교 그래프
  8. 8. Ajax Debugging 노하우 & Javascript Tips Ajax를 이용하여 표현된 HTML의 소스보기 Ajax를 이용하여 메시지를 가져옴
  9. 9. Ajax Debugging 노하우 <!DOCTYPE HTML PUBLIC quot;-//W3C//DTD HTML 4.0 Transitional//ENquot;> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME=quot;Generatorquot; CONTENT=quot;EditPlusquot;> <META NAME=quot;Authorquot; CONTENT=quot;quot;> <META NAME=quot;Keywordsquot; CONTENT=quot;quot;> <META NAME=quot;Descriptionquot; CONTENT=quot;quot;> </HEAD> <BODY> <div id=quot;testquot;></div> <script type=quot;text/javascriptquot;> document.getElementById(quot;testquot;).innerHTML=quot;테스트입니다quot;; </script> <div> </BODY> </HTML>
  10. 10. Ajax Debugging 노하우 소스보기에서 보이지 않던 코드 발견.. <!DOCTYPE HTML PUBLIC quot;-//W3C//DTD HTML 4.0 Transitional//ENquot;> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME=quot;Generatorquot; CONTENT=quot;EditPlusquot;> <META NAME=quot;Authorquot; CONTENT=quot;quot;> <META NAME=quot;Keywordsquot; CONTENT=quot;quot;> <META NAME=quot;Descriptionquot; CONTENT=quot;quot;> </HEAD> <BODY> <div id=quot;testquot;>테스트입니다</div> <script type=quot;text/javascriptquot;> document.getElementById(quot;testquot;).innerHTML=quot;테스트입니다quot;; </script> <div> </BODY> </HTML>
  11. 11. Ajax Debugging 노하우 document.getElementsByTagName(quot;htmlquot;)[0].outerHTML (new XMLSerializer).serializeToString
  12. 12. Ajax Debugging Ajax를 사용하여 HTML의 Element에 변화를 준다거나 Request를 감시하는것도 중요하지만 내가짠 코드를 브라우 저가 어떻게 HTML을 해석하고 있는가를 눈여겨 볼 필요가 있습니 다.
  13. 13. Javascript Tips 1. Package단위 개발. <script type=¡text/javascript¡> gsec.imports(quot;gsec.header.Gnbquot;, quot;gsec.common.Alertquot;, quot;gsec.common.Tagquot;); //..생략 </script> 사용예) <input type=¡button¡ ¡ onClick=¡Alert.showMsg(¡메시지보기¡);¡ >
  14. 14. Javascript Tips 1. Package단위 개발의 기대효과. 점점 살이 쪄가는 Common.js의 비만화를 막을수 서 있다. 비 스 실제 작성된 Javascript를 빨리 찾을수 있다. 의 유지보수가 용이해진다 질 적 재사용이 쉬워진다. 향 상 서비스에 Add on이 쉬워진다.
  15. 15. Javascript Tips 2. Error가 발생해도 서비스에 지장없게 실제 서비스에 쉽게 Javascript Test적용하기 root package common utils Request Test_root package common utils
  16. 16. Javascript Tips 3. Javascript로 만들어진 RIA의 대명사 PROTOTYPE.JS Rico Dojo mootool
  17. 17. Javascript Tips 3. Javascript로 만들어진 RIA의 대명사 여기에 간단하게 CACHE로직을 삽입한다면¡ //cache용 전역변수선언 var tempObjContainer = new Object(); function $(el){ ¡ 생략 if(tempObjContainer[el]) return tempObjContainer[el]; ¡ tempObjContainer[el] = el; }
  18. 18. 변화의 시기에는 배우려고 하는 이들이 세상을 차지합니다¡

×