ecdevday2 RIA 개발 팁과 노하우

시간 구분 강사 제목
UI 김정범 대리 웹표준이냐 속도냐(UI개발자의 고뇌)
RIA 오창훈 대리 GS이숍만의 RIA 개발활용팁과 노하우

프로젝트 김현 과장 효율적인 유지보수를 위한 개발 및 관리
19:00 프레임워크 추경돈 대리 Spring Framework 도입 사례
~
SE 김풍주 대리 웹 표준스펙 살펴보기 (명세서에 살고 명세서에 죽다)
21:00
쇼핑몰 트렌드 초청 김태진 쇼핑몰 컨설턴트가 바라본 쇼핑몰 트렌드

코드관리 허광남 과장 레거시 코드 관리 전략 (남이 짠 코드 빨리 알아보기)

SQL튜닝 박광일 대리 웹개발자의 약한고리 SQL 뛰어넘기

GS이숍만의 RIA개발 개발활용팁과 노하우
EC정보팀 오창훈
lovedev@gshs.co.kr

Agenda

? What is RIA?

? Flex와 Flash 적용사례

? Remote Data

? Ajax Debugging 노하우

? 간단한 Javascript Tips 소개

What is RIA?

JAVA ACTIVEX X-INTERNET FLASH/FLEX

RIA(ri ch internet application)

RICH HTML APPLICATIONCURL
AJAX SILVER LIGHT

Flex와 Flash 적용사례

Flex SWF vs Flash SWF

간단한 FlvPlayer
구현 사례

NetStream을 간단하게 Drag로 구현
이용하여 개발
개발기간 : 1시간 개발기간 : 30초
용량 : 2Kbyte 용량 :152Kbyte
참고 경로 : http://ecs.gseshop.co.kr/blog/271

Remote Data

1000건의 Data를 파싱할 경우 용량/속도/개발시간/ 비교 그래프

Ajax Debugging 노하우 & Javascript Tips

Ajax를 이용하여 표현된 HTML의 소스보기

Ajax를 이용하여
메시지를 가져옴

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>


소스보기에서 보이지 않던 코드 발견..
<!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>


document.getElementsByTagName(quot;htmlquot;)[0].outerHTML

(new XMLSerializer).serializeToString

Ajax Debugging

Ajax를 사용하여 HTML의 Element에 변화를 준다거나
Request를 감시하는것도 중요하지만 내가짠 코드를 브라우
저가
어떻게 HTML을 해석하고 있는가를 눈여겨 볼 필요가 있습니
다.

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(¡메시지보기¡);¡ >

Javascript Tips

1. Package단위 개발의 기대효과.

점점 살이 쪄가는 Common.js의 비만화를 막을수
서
있다.
비
스
실제 작성된 Javascript를 빨리 찾을수 있다.
의
유지보수가 용이해진다
질
적
재사용이 쉬워진다.
향
상
서비스에 Add on이 쉬워진다.

Javascript Tips

2. Error가 발생해도 서비스에 지장없게
실제 서비스에 쉽게 Javascript Test적용하기

root package
common
utils Request
Test_root package
common
utils

Javascript Tips

3. Javascript로 만들어진 RIA의 대명사

PROTOTYPE.JS

Rico

Dojo
mootool

Javascript Tips

3. Javascript로 만들어진 RIA의 대명사
여기에 간단하게 CACHE로직을 삽입한다면¡
//cache용 전역변수선언
var tempObjContainer = new Object();

function $(el){
¡ 생략

if(tempObjContainer[el])
return tempObjContainer[el];
¡
tempObjContainer[el] = el;
}

변화의 시기에는 배우려고 하는 이들이 세상을 차지합니다¡

ecdevday2 RIA 개발 팁과 노하우

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

Plus de Kenu, GwangNam Heo

Plus de Kenu, GwangNam Heo (20)

ecdevday2 RIA 개발 팁과 노하우