멈추지않아

정리한 참고 블로그 및 사이트

 EXT JS

http://dev.sencha.com/ext/5.1.0/examples/index.html

https://wikidocs.net/1930

http://mongodev.tistory.com/21

JQ Grid

http://trirand.com/blog/jqgrid/jqgrid.html

http://www.trirand.com/jqgridwiki/doku.php

http://blog.naver.com/agapeuni/220232737748

http://www.nextree.co.kr/p10195/

http://techbug.tistory.com/158

http://funnylog.kr/453

http://jqueryui.com/themeroller/

http://www.jqwidgets.com/

Ext JS와 비교를 위해, jQuery로 비슷한 걸 만들어 본다. 필요한 건 대략 아래와 같다.

1. layout
2. tab
3. grid
4. window + form

하나씩, 찾아보자.

1. layout

http://layout.jquery-dev.net/

- Ext JS의 layout, viewport와 유사한 기능

- north, west, center, east, south 영역

- 뭐, 그럭저럭, 쓸 만 하다.

2. 탭 (tab)

http://jqueryui.com/demos/tabs/ 

- 테마(Theme) 설정에 따라, 컬러와 모양이 확 달라진다.

- 위의 것은 기본 테마인, Theme: UI lightness

- 아래 것은, Theme: Smoothness

http://flowplayer.org/tools/tabs.html

- 찾아보니, 좀 다른 것도 있다. 좀더 화려한 느낌이다.

3. grid

3.1. jqGrid

http://www.trirand.com/blog/

- Ext JS와 비교해서, 다소 불편.

- pager : 서버에 전달하는 파라미터, 영 신통치 않음. page, rows, sidx, sord. 서버에서 start, limit를 다시 계산해야 하는 번거로움.

- json 데이터를 뽑는 형식, 디폴트 형식이 아주 불편. colModel에 있는 것만 뽑을 수 있고, 순서도 지켜줘야 함.

- 좀더 자유롭게 뽑으려면, repeatitems: false 옵션으로  jsonReader를 재설정해줘야 함.

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data

- 기본 출력형식도 영 꾸짐. jQuery의 특성, 기본은 꾸지고, 보기 좋게 하려면, css 손질을 해줘야 함. 그 대신, css 손질은 쉬운 편.

http://techbug.tistory.com/158

- Ext JS의 renderer와 유사한 기능을 하는 formatter 있슴. custom formatter 제작 가능. 컬럼의 출력형식 조정 가능.

function myformatter ( cellvalue, options, rowObject ) {     // format the cellvalue to new format     return new_formated_cellvalue; }

 

- tab 에 grid를 붙이니까, 모양이 영 엉성하다. Ext JS에서는 tab의 title 부분이 싹 사라지고, grid의 title이 그 자리에 쏙 들어찼는데, 여기선, 영, 자기 자리들을 모두 굳건히 지키느라, 뭔가 착 달라붙어서 빈틈을 메워주는 느낌이 없다.

jqGrid + tab 조합

Ext JS, grid + tab 조합

3.2. flexigrid

http://www.flexigrid.info/ 좀더, 화려하고 정제된 기능. 얼핏 보면, Ext JS 닮았다. 툴바 기능. 검색기능.

- 좀 더 뜯어보니, 약점이 많다.

- json 포맷이 한 가지 밖에 없슴. jsonReader 재설정 기능 없슴. 무조건 데이터를 맞춰서 colModel에 뽑아야 함.

- colModel에 hide: true 속성이 있긴 하지만, 잠깐 숨기는 정도의 기능

- formatter 기능 설정이 안보임. 없나?

- 최종 변경일이 Jul 2008. 그 이후엔 업그레이드를 안하고 있는 듯.

3.3. 기타 grid

http://php-team.blogspot.com/2009/05/10-jquery-datagrid-plugins.html Grid Plugin 비교 설명

- 아무리 봐도, Ext JS의 Grid 만한 녀석은 없다.

- jQuery의 장점인 style, structure, behavior 분리가 오히려 어떤 점에서는 약점이 되기도 하는 느낌. 잘 만들어진 컴포넌트 느낌이 나질 않는다.

4. window + form

이 부분은, 나중에, 간단하게, 링크만 남겨둔다.

• http://ui.jquery.com/
• http://malsup.com/jquery/form/
• http://code.google.com/p/jquery-keyfilter/
• http://code.google.com/p/jquery-numberformatter/

5. 참고자료

• http://cloudzdesign.tistory.com/45 위의 링크들을 참고한 문서.

[ 출처: http://blog.naver.com/joycestudy/100089849586 ]

참고도서 및 사이트

• jqGrid Wiki (http://www.trirand.com/jqgridwiki)
• jQuery-UI (http://jqueryui.com/themeroller)
• jqGrid Demos(http://trirand.com/blog/jqgrid/jqgrid.html)
• jqGrid 소개 블로그(http://insnote.com/xe/index.php?mid=kkang&page=2&document_srl=297)
• 데꾸벅-정리되지 않은 생각들(http://techbug.tistory.com/158)

아작스 종합정리 링크:http://www.seek-blog.com/41065/14090/240-plugins-jquery.html
jquery grid 네이버검색:http://blog.naver.com/kusaltk?Redirect=Log&logNo=70026986513



ajax과련자료 : http://www.phpletter.com/DOWNLOAD/
에디터/파일업로더/FckEditer와연동/파일매니저/이미지에디터

아래의 메뉴기능을 담고있음
-Ajax File/Image Manager
-AjaxFileUpload Demo
-Ajax Image Editor Beta
-Tinymce Ajax File Manager
-FCKeditor Ajax File/Image Manager
-Jquery Star Rating Plugin
-Ajax Form Builder
-Jquery Catfish Advert




인터넷 음악프로그램/ http://www.stumbleupon.com/demo/#url=http://musicovery.com/index.php?


Jqery 파일업로더 : http://www.pixeline.be/experiments/jqUploader/test.php

[추천]jQuery 멀티파일업로더 : http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Examples

파일업로드 버튼과 폼에 스타일적용:http://www.appelsiini.net/projects/filestyle/demo.html

프로그래시브바:http://digitalbush.com/projects/progress-bar-plugin

폼관련 ==========================================================================

폼빌데이터:http://jquery.bassistance.de/validate/demo/  (폼값채검사)

폼 핼퍼(자동안내문/도움말):http://www.dyve.net/jquery/?autohelp

알파벳/숫자 폼에서사용 통제:http://itgroup.com.ph/alphanumeric/

[추천]인풋박스에 전화번호등으 - 또는 특정문자나 형식을
정해서 기록시킬수있음:http://digitalbush.com/projects/masked-input-plugin


폼스타일 =========================================================================

콤보박스 및 실렉트박스 스타일 사용하기:http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx



[추천]그리드(Live Data Manipulation --> Navigator) :http://trirand.com/jqgrid/jqgrid.html페
http://www.trirand.com/blog/?page_id=5
구매내역등 확인에쓰면 좋음/거래명세서 작성및수정

플랙스그리드:http://webplicity.net/flexigrid/


[강추] 폼서브밋:http://www.malsup.com/jquery/form/#

구글지도 : http://code.handlino.com/wiki/jquery-form

폼 Serialize 전송 : http://envero.org/jlook/

필드값기억시키기:http://www.brainfault.com/demo/pin/

필드플러그인(필드값등구하기):http://www.pengoworks.com/workshop/jquery/field/field.plugin.htm

그리드뷰:http://www.reconstrukt.com/ingrid/example1.html

그리드 일부편집기능:http://www.trirand.com/blog/?page_id=5
텍스트필드에특정값더하고 빼기:http://www.alcoholwang.cn/jquery/jTaggingDemo.htm

채크박스컨트럴:http://www.texotela.co.uk/code/jquery/checkboxes/

채크박스를이미지로:http://kawika.org/jquery/checkbox/

인풋박스값을 마우스드래그로조정:http://www.softwareunity.com/sandbox/JQuerySlider/

날짜입력데이트피커:http://marcgrabanski.com/code/ui-datepicker/

날짜입력(심플):http://kelvinluck.com/assets/jquery/datePicker/v2/demo/

인풋박스에마우스오버시툴팁:http://www.texotela.co.uk/code/jquery/tooltipdemo/

시간자동입력:http://www.oakcitygraphics.com/jquery/clockpick/trunk/ClockPick.cfm

칼라피커:http://acko.net/dev/farbtastic

칼라피커2:http://www.intelliance.fr/jquery/color_picker/

투표점수:http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/#

검색자동완성:http://www.pengoworks.com/workshop/jquery/autocomplete.htm

태이블에디터:http://dev.iceburg.net/jquery/tableEditor/demo.php

[추천]프래임편집자동:http://garage.pimentech.net/examples/jquery_jframes/

본문텍스트클릭후편집하기:http://www.appelsiini.net/projects/jeditable/default.html

[추천]차트그리기:http://www.reach1to1.com/sandbox/jquery/jqchart/

테이블소트:http://docs.jquery.com/Plugins/Tablesorter

테이블 에디트:http://joshhundley.com/teditable/index.html

confirm 창(본문등에):http://nadiaspot.com/jquery/confirm/

[추천] confirm 창(레이어):http://trentrichardson.com/Impromptu/index.php

confirm 창(폼테그사용가능):http://www.ericmmartin.com/simplemodal/

프린트:http://www.designerkamal.com/jPrintArea/#

창, 오브젝트사이즈구하기:http://brandonaaron.net/docs/dimensions/#sample-4

이미지등불러오기:http://www.appelsiini.net/projects/lazyload/enabled_fadein.html

쿠키,쿠키로그:http://www.jdempster.com/category/code/jquery/cookiejar/

[추천] 그리드 편집그리드:http://www.sigmawidgets.com/products/sigma_grid/demos/index.html

자동저장:http://ideamill.synaptrixgroup.com/?p=3

쿠키:http://dev.jquery.com/browser/trunk/plugins/cookie/
     http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/

키보드 키로드:http://jshotkeys.googlepages.com/test-static.html

==========================================
extjs grid 한글문서
http://extjs.com/learn/Tutorial:Beginners_DataGrid_Pt1_(Korean)
==========================================
yui-ext : http://www.yui-ext.com/

사용법:http://saillinux.springnote.com/pages/1160792

extjs 디비 연동 저장 편집:http://extjs.com/forum/showthread.php?t=10002

ajax 기본및기타 : http://jacking.x-y.net/tt/tag/extjs?page=3

awt-extjs 예제:http://www.gwt-ext.com/demo/#editableGrid

extjs-grid 찾기예제:http://ido.nl.eu.org/extsamples/

데이터갱신하기 예제및소스:http://blog.naver.com/techbug?Redirect=Log&logNo=150022474128

메르스 증상및예방법

(출처:네이버)

​독감처럼 잘 퍼지는 질병은 아니라는데,

하루가 다르게 확진환자가 나오는 정말 불안 불안합니다.

 메르스 증상!!!

​

38도 이상의 발열,기침,호흡곤란.숨가뿜 등 호흡기 증상에,

설사등 소화기 증상을 보이는 경우도 있구요. 면역력이 약한 환자는

폐렴과 신부전 등 합병증을 동반한다고 하네요.

아쉽게도 현재 백신을 개발되지 않아서

환자 증상에 따라 적절한 내과 치료만 가능하다고 하네요.

 메르스 예방법!!!

1. 외출시 손씻기 철처히 하기

2. 중동지역 여행시 낙타,박쥐.염소등 동물과의 접촉은 절대금지.

3. 기침이나 재채기를 할 경우는 화장니,손수건으로

입과 코를 가리기.

4. 사람이 많이 붐비는 장소는 자제하기

5. 발열.기침.호흡곤란 등 호흡기 증상이 있을 경우는 마스크를 착용하고

의료기관에 진찰 반드시 받을것.

6. 중동지역 여행후, 14일 이내 발열 증상이 있으면

반드시 보건소에 신고하기

메르스증상및예방법은 보건복지부 블로그에  나와 있어요

꼭 한번씩 들어가셔서 읽어보시기 바래요!!!

http://blog.daum.net/mohwpr/12881466 

​

오늘 문형표 보건복지부 장관이 개미 한마리도 지나치지 않도록 절처하게

대응해서 국민들이 안심할수 있도록 하겠다고 약속했으니.

한번 믿어봐야 하겠지만.

​어찌 신뢰가 안가니

쩝~~

​

​이웃님들 메르스증상및예방법 숙지하시여

미리 미리 관리 잘 하시게요 ~~~

​

건강하게 오래 살아야 합니다!!!!

다운로드

xe (2).vol1.egg

xe (2).vol2.egg

xe (2).vol3.egg

xe (2).vol4.egg

전용뷰어 보기