728x90 반응형 개발의 기록61 jQuery.UI를 이용하여 디자이너 없이 디자인 하기 II 안녕하세요~ 저번 포스팅에서는 Button만 UI를 이용하였 었는데, 다른 UI도 같이 사용하다가 스킨 바꾸기도 귀찮고..그래서 전체를 UI를 써서 만들어봤어요~ 1. jQuery.UI가 사용된기능 가. Button - 태그 뿐만 아니라, 태그도 사용 했습니다. 나. UI관련 Css - .ui-state-default - 기타 아이콘(".ui-icon-search", ".ui-icon-plusthick"...) 다. Dialog 2. 테이블 디자인 가. 테이블 디자인에 사용된 태그 - : 테이블을 나타내는 태그 - : 테이블 제목을 나타내는 태그 - : 태이블의 Column의 속성을 지정해 주는 부분 - : 테이블에서 해더를 나타내는 태그 - : 테이블에서 바디를 나타내는 태그 - : 테이블에서 풋을 나.. 2010. 8. 26. jQuery.UI를 이용하여 디자이너 없이 Website 만들기 - 버튼 및 테이블 음. 제목에는 테이블 예제라고 썻지만, 정확히 말해서 여기에 사용된 UI는 button뿐이다... 그렇다고 낚였다고 너무 화들내지 마시고... css소스 다 줄터이니... 우선 예제 화면 부터 확인하고 가자. 여기에 사용된 UI는 Button 및 Icon이다. Button에 관한 자세한 내용은 http://jqueryui.com/demos/button/ 에서 확인 가능하다. 이제 소스를 보면서 하나하나 알아보자 1. HTML 가. Header 나. Body Search: Search Import Export Insert Web Inventory - Ver.1.0.1. No. Quantity Unique Code SeliniNY Boxed-Gifts Angelic Rise NetSol Amazon eBay.. 2010. 8. 18. JQuery.UI Google Code Link jQuery.UI를 일일이 다운받아서 서버에 설치해서 사용하기도 귀찮고, 그냥 링크를 걸어서 사용하자 File Downloads Development Bundle: http://jquery-ui.googlecode.com/files/jquery-ui-1.8.4.zip Themes Package: http://jquery-ui.googlecode.com/files/jquery-ui-themes-1.8.4.zip Svn (contains final files as they are in the zip, with @VERSION replaced with 1.8.4, all themes) Tag: http://jquery-ui.googlecode.com/svn/tags/1.8.4/ Themes: http://jq.. 2010. 8. 17. 두루팔(Drupal) 필수(?) 모듈(Module)설치 - intro 자 이번에는 두루팔 사용시 편리하게 사용 가능 하게 해주는 Module에 대해서 알아보고 설치하여 보자! 처음 글에도 말 했듯이(말 했나..? 가물가물 ㅋ) 두루팔은 이미 만들어진 모듈을 추가 하거나, 필요한 모듈을 만들어서 사용 할 수있다. 우선 처음부터 만드는 것 보단 있는 모듈을 활용하는것이 좋기에 여러 사람이 사용해보고 좋다고 추천하는 모듈들을 몇가지 알아보기로 하자. http://drupal.org/project/modules 위 사이트에는 필요한 모듈들이 있다. 우리는(or 나 혼자T-T) 여기에서 몇가지 Module을 다운 받고 설치 해보기로하자. 설치할 모듈 목록 1. Administration menu: 이름에서 보듯이 관리자 메뉴다. 이건 참 편리하다! 필수설치 1번!! 2. Conte.. 2010. 8. 13. 두루팔(Drupal)한글화 이번 주제는 한글화 작업! 아무래도 영어보단 친숙한 한글로 작업을 하기위해선 한글화 작업이 필수이다!! 한글화는KLDP에서 해주신다~ 대단하신분들! 준비물: KLDP에서 제공하는 한글번연본! http://drupal.kldp.net/download/latest_ko_language_package 자 이제 한글화 작업 시작!! 우선 한글화 작업을 하기 위해서는 아래 Locale모듈과 Content Translation 모듈을 활상화 해줘야 한다. http://yoursite/admin/build/modules 로 접속하면 선택 할 수 있다. 위 모듈을 선택하고 저장 하면 Translate interface라는 메뉴가 생긴다! 죠기가 우리가 사용할 메뉴!! http://localhost/drupal/admi.. 2010. 8. 12. Drupal 설치 이제 본격적으로 설치에 들어가 본다. 준비물: Drupal 최신버전, 아파치, MySQL 1. 다운로드: http://drupal.org/project/drupal (현재 최신 버전은 6.17) 2. 설치: 아파치가 설치된 폴더에 압축만 해제하면 끝 -_-; 3. 세팅: 정말 간단하다. 우리가 프로그램 설치하드시 next만 누르면 끝 설치 초기화면 압출을 해제한 곳으로 이동을 하면 위와 같은 메시지를 볼 수 있다. Install Drupal in English 를 선택하면 다음으로 넘어 갈 수 있다. 밑에 보면 Other languages가 있는데, 한글판 설치는 추후에 다뤄보도록 하겠다. 다음으로 넘어가면 위와 같은 오류를 보게된다! 당황하지 말고 밑에 나와있는 것 처럼 설치된 폴더에 site/defu.. 2010. 8. 12. 두루팔(Drupal) 오랜만에 컴퓨터 관련 포스팅을 해본다. 참 여기 저기 기웃 거리는게 많으니 할 일만 많아지고 한가지 주제를 갖고 해야 되는데 말이야. 잡설은 집어 치우고 이제부터 두루팔에 대해서 알아가 봅시다~ 1. 두루팔(Drupal) 너는 누구냐~~ 두루팔은 Open Source Content Managerment System(CMS)! 이다. 쉽게 말해서 꽁짜 홈피툴 정도 -_-?ㅎ 두루팔은 컨텐츠 기반으로 홈페이지를 만들기에 편리하게 되어 있는 툴인 것이다. 실제로 사이트 만드는데 코딩 한줄 없이 클릭으로 다 끝난다 -_-;;; 그런데, 디자인 구성이 참 맘에 안든다. 필요한 모듈은 다운받아서 설치해서 주제에 맞게 꾸며 놓기만 하면된다. 우리가 블로그에서 플러그인 설치해서 사용 하 듯이 말이다.. 두루팔과 비슷한.. 2010. 8. 12. JSON in jQuery 오랜만에 IT관련 포스팅을...ㅎㅎ 요즘 정말 jQuery가 인기가 하늘을 찌르는 듯 합니다. 아마도 asp.net에서 지원을 해서 그런가요?ㅎㅎㅎ 제가 처음 jQuery를 시작할때 에는 prototype이 앞찌르고 있던거 같던데.. 어느세 역전이 됐네요 ㅎㅎ 잡설은 이제그만...ㅎㅎ jQuery를 쓰면서 가장 많이 쓰는 데이터 형이 JSON이 아닌가 생각 합니다. 자 그럼 jSon에대해서 한번 알아봅시다. 1. What is JSON..(제이슨? ㅎㅎ 우리팀 팀장님 이름인데 ㅋㅋ) JSON(제이슨, JavaScript Object Notation)은, 인터넷에서 자료를 주고받을 때 그 자료를 표현하는 방법이다. 자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다. -.. 2010. 6. 16. Things you need to know about smartphone business in korea v 1 0 f_pd Things you need to know about smartphone business in korea v 1 0 f_pd View more presentations from eqhoon. 2010. 5. 26. Go daddy를 이용한 Tistory에 내 도메인 달기! 방금 Google application관련 포스팅을 발로 하고..바로 도메인 등록 포스팅중.. 아 콜록콜록 기침..피토하면서... 감기 조심하세요 -_-;; 시작~! 관리자 화면에서 도메인설정->도메인 이름 -> 고급DNS설정 Go Daddy 로그인 자기 도메인 선택 후, 하단 가운데 보면 Total DNS 보이는데 거기에 Total DNS Control클릭! 위와 같은 화면에서 A(host)에 www놓고 Points To에 211.172.252.15를 넣어주면 우선 DNS설정은 끝! (그런데 저거 그림이 이상하게 나왔네요 -_-; IP다르게 나왔어요 저거 아님 211.172.252.15 이거 넣어줘야 해요 -_-); 그리고 Tistory 환경 설정->블로 정보->주소->2차주소에 도메인 등록하고 저장!.. 2010. 5. 19. $10로 자신만의 도메인 및 Email이용하기! - Google Application 2탄 나는 소위 말하는 구굴빠는 아니다 -_-;ㅋㅋ 그런데 좋은 서비스는 소개하고자 이 글을 쓴다..ㅎㅎ 예전에 한국에서 도메인을 만들어서 써보려 했으나..너무 비싸다 1년에 대략 3만원정도... 그리고 메일계정이라도 열라치면 추가비용... 그런데 엊그제 우연히 Google Application이란걸 알게되고, 사용해 보니 참 좋더라... 도메인만 있으면 gmail.com 대신에 내 도메인.com 으로 사용 할 수있다. 지금 내 사이트 주소가 www.ddolis.com인 것 처럼 메일은 @ddolis.com이다 ㅎㅎ 그리고 구글 오피스/켈린더 등등을 내 도메인으로 사용 가능하다!! 즉 문서공유가 가능하다는 말!! 이제 돈없고 힘없는 중소기업에서 비싼돈 들이면서 도메인 사고, 메일서버 사고, 문서 공유하는 쉐어.. 2010. 5. 19. Google Application 이것저것 구축하지말고 구글 서비스를 이용하자 -_-; 구글.. 참 다양한 서비스를 제공 하는군... http://www.google.com/apps/intl/ko/business/index.html 2010. 5. 14. 이전 1 2 3 4 5 6 다음 728x90 반응형
