출처 : Moving to Standards-based Web Graphics in IE10 IEBlog 7 Dec 2011 3:05 PM Use SVG, not VML MS와 다른 업체에서 1998년 W3C에 VML을 제안했었다. IE5에서 처음으로 VML을 구현했다. W3C는 SVG의 출현과 함께 경쟁하는 제안들은 VML과 합병했다. IE9 에서 SVG를 구혔했고, 웹 사이트나 어플레케이션에서 사용하는 VML을 대체할 수 있는 기능이 제공되었다. "VML to SVG Migration Guide"가 Microsoft Download Center에서 발표되었고 VML에서 SVG의 이동 가이드가 제공되었다. Raphaël—JavaScript Library는 가볍고 사용하기 쉬운 JavaScript lib..
블루투스..새로운 시장의 출현블루투스가 헬스케어 시장의 주요 키가 될 듯 하다. 이제껏 내가 봐왔던 블루투스란 기껏해야 이어폰 정도였다. 그나마도 비싸서 난 아직 사용해본 적도 없다. 솔직히 성능도 그리 믿음직스럽지 않았다. 얼마전 회사에서 헬스케어 사업을 시작한다고 했을때 나의 반응은 '왜 그런걸 해...괜히 섣부르게 도전했다 투자금만 날리면 다른 직원들만 고생하지 않을까..' 였다. 사실 헬스케어 시장의 크기가 어느정도인지 잘 모르겠지만 기술력이나 소비자의 인식이 그리 높지 않을 것이란 생각이 들었던 것이다. 게다가 요즘 여기저기서 이 사업에 뛰어드니...도대체 그만한 아이템이 있기나 한 것인지 궁금할 지경이다. 헌데 오늘 한 기사 “체중계와 스마트폰이 대화”…블루투스 새 규격 공개 를 보면서 역시 ..
헉....충격이다... 앞으로 HTML5가 대세가 될것을 보면서 번거로운 안드로이드 어플 개발에 대한 흥미가 떨어졌었다. 그랬더니 기본적인 것도 다~ 잊어버렸네...ㅋㅋ 웹브라우저 VS 웹뷰 안드로이드에서 웹 페이지를 보여주는 방법은 2가지이다. 웹브라우저 웹뷰(WebView) 간단히 웹 브라우저는 간단히 URL만 사용해서 엡 페이지를 보여줄 때 사용하고, 웹뷰는 하이브리드 방식으로 내부동작에는 안드로이드 내장 컴포넌트를 사용할 때 이용된다. Webview 사용하기 AndroidManifest.xml 에 인터넷 사용 설정하기 레이아웃 XML에 WebView 선언하기 HTML 작성 및 저장 Activity에서 mWebView 사용하기 1. AndroidManifest.xml 에 인터넷 사용 설정하기 2. ..
누군가 요즘 유행하는 기술이라면 웹 페이지를 하나 보여줬다. 웹 브라우저의 한 쪽 끝을 잡고 좌우로 잡아당기며 크기를 조정하니 사이트의 디자인이 이리저리 변경되었다. 와~하고 끝났다...뭔지 제대로 물어보지도 못했다....ㅠㅠ 헌데 인터넷을 이리저리 돌아다니다 '반응형 웹 디자인'이라는 용어를 보았다 감이 왔다...바로 검색~ㅋㅋ CSS3의 미디어 쿼리 http://www.w3.org/TR/css3-mediaqueries/ 미디어 쿼리란? CSS 2.1 부터 추가되었던 미디어 타입(media type)은 단말기의 종류에 따라 각각 다른 스타일시트를 적용하게 하는 기능이나 미디어 타입 만으로는 해당 기기의 특성을 정확히 파악하여 알맞은 스타일을 적용시키기 어려웠다. 따라서 CSS3에서 미디어 타입을 개선하..
성경통독 1년 1독 : 연대기 순
http://api.jquery.com/category/events/event-object/ event 사용쟈가 버튼을 클릭하는 것처럼 페이지에서 어떤 일이 일어날때 코드가 실행될 수 있도록 만드는 메커니즘 event listener Document Object Model(DOM)의 한부분 event listener 는 페이지에서 사람이 하는 일에 주의를 기울여는 브라우저의 방식으로 필요에따라 무엇을 할지 JavaScript interpreter에게 전달한다. cf. handler function : 이벤트가 트리거될 때 실행되는 코드의 블럭 event binding 엘리먼트에 이벤트를 추가할 때 "binding"이라 부른다. 이것을 통해 이벤트 리스터는 자바스크립트 인터프리터에 어떤 함수가 호출되지 말..
Wire up your web page Structure = HTML Stype = CSS Script = jQuery(and JavaScript) 저장공간 만들기 jQuery에서 변수를 사용하길 원한다면 JavaScript의 변수를 사용한다. 사용 예 var pts = 250 ; var 변수를 선언하는 키워드 JavaScript interpreter가 데이타를 저장할 수 있는 브라우저의 메모리 영역에 공간을 만든다. pts 변수의 이름 스크립트가 참조 할 수 있는 레퍼런스가 된다. =250 변수에 값을 담는다. $(this) 사용하기 "현재" 앨리먼트를 선택한다. $(this) 는 context-dependent 이다. 즉 사용하는 시점이나 장소에 따라 의미가 달라진다.
문제 인식 페이지를 변경하려면 매번 서버에 요청해야 하나? HTML과 CSS는 페이지의 구조와 스타일을 만드는 데 충분한다. 브라우저가 서버에 웹 페이지 요청 웹 서버가 요청된 페이지를 찾아서 보내줌 브라우저는 받아온 페이지를 렝더링하여 화면에 보여줌 때때로 리로딩 없이 페이지를 변경하기 위해 웹브라우저와 대화하려면 어떻해야 하나? jQuery function 소개 jQuery() 는 $()로 단축하여 사용한다. $()에 들어가는 내용 CSS Selector : CSS selector를 넣으면 매칭되는 엘리먼트를 리턴한다. 제일 많이 사용하는 경우이다. HTML : HTML을 넣어서 동적으로 브라우저 페이지에 DOM 엘리먼트들을 추가할 수 있다. JavaScript Object CSS selector 와..
시리가 노르웨이 개발자의 작품이었다니...대박 친 사나이 Dag Kittlaus 관련기사 Meet Dag Kittlaus, the guy who made Siri and became a millionaire following a personal phone call from Steve Jobs 인물 소개 Dag Kittlaus, 44세 노르웨이 출신 아내와 세아이와 함게 시카고 거주 CALO project 스탠퍼드 연구소의 지원을 받고, Morgenthaler 와 Menlo Ventures 로부터 2500만 달러의 기금로 창업한 CALO project 첫번째 사업 : Siri Kittlaus는 “the first true automated Virtual Personal Assistant for mobile..
특정한 시간에 주기적으로 스크립트를 실행하기 위해서 cron을 사용하려고 한다. 먼저 크론에 대해 간략히 알아보고 사용법을 익힌다. 목차 cron(크론) 은? crontab 파일 crontab 명령어 cron(크론) 은? 원하는 시간에 명령(프로그램)을 시키기 위한 데몬 주기적으로 운영 중에 만들어진 필요하지 않는 임시 파일을 정리하거나, 운영체제 운영에 필요한 데이터를 갱신하는 등의 작업을 통해 리눅스가 최적의 상태를 유지할 수 있게 할 수 있다. crontab 파일 작업 설정 파일을 crontab 파일이라고 한다. crontab 파일 위치 리눅스 /var/spool/cron/ID 솔라리스 /var/spool/corn/crontabs/ID crontab 파일 형식 필 드 의 미범 위 첫 번째 분 0-5..
매번 헤매는 log4j설정.. 한번은 정리해 놔야겠다...ㅎㅎㅎ 작업순서 log4j 다운로드 및 설치 설정파일 만들기 소스 코딩 및 설정파일 지정하기 ● log4j 다운로드 및 설치 아래의 사이트에서 log4j를 다운로드 한다. 다운로드 ● 설정파일 만들기 #DEBUG < INFO < WARN < ERROR < FATAL # Log4j Setting file log4j.rootLogger=DEBUG, logfile, console # Daily file log log4j.appender.logfile=org.apache.log4j.DailyRollingFileAppender log4j.appender.logfile.File=/home/dart/klca/logs/klca.log log4j.appender...
드디어 책이 도착했다~~~.^^ 비록 원서이긴 하나 이 책의 가장 큰 특징!! 그림이 많다!! 11개의 챕터로 구성되는데 매일 매일 열심히 탐독해서 완독. 고고고!! 준비물 텍스트 에디터 브라우저 : 3개 이상을 설치하여 비교해 본다. 웹 서버 JQuery library Google Chrome Developer Tools 브라우저 개발 툴 미리 사용법을 숙지한다. 링크 : Google Chrome Developer Tools The Developer Tools are heavily based on the WebKit Web Inspector, a part of the open source WebKit project. jQuery 다운로드 http://jquery.com/ 예제 소스 설치 Head Fir..
http://www.ciobiz.co.kr/news/articleView.html?idxno=6701 앞으로 확장될 HTML5의 영향력을 엿볼수 있다. 넌 어디까지 갈꺼니?? 킨들 포맷 8(KF8) 21일(현지시각) 아마존이 HTML5에 기반을 둔 새로운 전자책(e북) 포맷을 발표 HTML5에 기반 출판업체들이 HTML5와 CSS3 등을 포함해 150개 이상의 포맷 기능에 액세스할 수 있게 해준다. 고해상도 컬러, 사이드 바, 확장 가능한 벡터 그래픽, CSS 셀렉터, 백그라운드 이미지에 텍스트를 올리는 것 등 다양한 활용이 가능하다
[SPEC] 4.10 폼
참고 : http://html5.clearboth.org/forms.html#forms 폼 이란 폼 컨트롤들을 갖고 있는 웹 페이지의 컴포넌트 텍스트 필드 버튼 체크박스 범위 컨트롤 색상 선택기 등 폼의 작성 단계 폼의 사용자 인터페이스 작성 폼을 위한 서버사이드 처리 구현 폼이 서버와 통신하도록 설정 폼의 사용자 인터페이스 작성 모든 폼은 form요소로 시작하고 그 안에 컨트롤들이 위치한다. 폼의 각 부분들은 하나의 문단을 구성하며, 일반적으로 p요소를 통해 서로 분리됩니다. 폼이 서버와 통신하도록 설정 폼의 속성 method : 폼의 제출 방법 지정(GET, POST 등) enctype : 값의 암호화 방법 지정 action : 제출한 데이타를 처리할 서비스의 URL 명시 폼의 컨트롤들의 name 속..