미선's Blog

API를 만들때 머리를 쥐어짜게 만드는 고민... 늘어나는 API의 URL관리는 어떻게 하지? 비슷한 데이터를 요청하는데 API를 새로 만들어야 하나? 그런데 GarphQL에 대해 알게되면서 머리가 시원해지는 해방감(?)이 느껴진다. endpoint는 하나이고 쿼리를 통해 다양한 API를 만든다. 클라이언트가 필요한 데이터의 스키마를 요청해서 받을 수 있다. 난 이거 쓰고 싶다. 여러모로 매력적이다. 공식 https://graphql.org/learn/ 강좌 강추 how to graphql Moving Existing API From REST To GraphQL 요약 Facebook 에서 만든 오픈소스 API 규격 사용자에게 Endpoint는 하나만 노출시키고 쿼리에 따라 응답한다. 효율적인 데이터 로딩..

Google I/O 2012: Better Web App Development Through Tooling June 27, 2012 5:15 p.m. — 6:15 p.m. (US/Pacific)

파폭이 문제야 웹표준 및 웹접근성 작업을 하던중.... 파폭화면에서 셀렉트박스의 엔터키 기능이 먹히지 않는다는 것을 발견 원인은... 키보드가 한글입력일 경우 keypress 이벤트가 먹히지 않는 것이다..헐~ 문제해결 : jQuery 가 갑! 사랑스런 jQuery ~ jQuery 는 모든 브라우저에 적용되는 이벤트를 등록할 수 있다. 해서...jQuery를 이용해서 keypress 이벤트를 등록하니 문제 해결 $j('#keyword').keyup(function(event){ if (event.which == 13) { 블라블라블라 } });

안로이드 ICS 부터 크롬 브라우저가 제공되어 PC환경과 마찬가지로 Developer Tool을 사용하여 디버깅이 가능하다. 하이브리드 웹 개발의 가장 난제는 모바일 브라우저의 디버깅이 불가능하다는 것이었다. 그런데 구글링을 해보니 안드로이드 ICS부터 크롬 개발자툴을 제공하다는 글을 발견!! 하지만 난 진저브레드... 며칠 전 HTC 센세이션 OS 업데이트 기사를 보고 드디어 오늘 업데이트 실행~ https://developers.google.com/chrome/mobile/docs/debugging Remote Debugging 사용방법 HOST 와 모바일 기기의 USB 연결 HOST에서 ADB 실행 모바일 기기에서 크롬 실행 및 디버깅 설정 HOST에서 커맨드 실행 HOST에서 크롬을 열고 http..

칼라 스킴 디자이너 CSS3 Gradient Generatorby: Damian Galarza 추천 : CSS3 그레디어트 만들기 Ultimate CSS Gradient Generator CSS3 그레디어트 만들기 border radius 추천 : border 모서리 처리 22 Handy HTML5 & CSS3 Tools, Resources And Guides 여러가지 CSS3 도구

CSS3 tabs with beveled corners CSS3 & jQuery folder tabs Tab Menu

2011. 7. 13 제공기관 : 한국교육학술정보원 교수자(저자) : 김상옥 선임 연구원 (LG CNS 정보기술연구소 모바일기술그룹)

HTML5, 새해 앱중심 생태계 뒤집는다 임민철 기자 imc@zdnet.co.kr 2012.01.11 / AM 10:24 HTML5 기술이 웹은 일반 앱에 비해 느리다는 선입관을 누그러뜨리고 모바일 영역에서 기존 앱 플랫폼과 경쟁 기반을 다지는 역할을 보여줄 전망 웹기반 증강현실(AR)과 화상회의 활용 사례가 늘고 여러 데스크톱 사용자 기반을 아우르는 웹앱 장터를 열어줄 예정 페이스북은 애플 통제를 받지 않아도 되는 생태계를 쌓기위해 '스파르탄'이란 웹앱 플랫폼을 만든다. 개발자와 업체들이 회사 웹서비스 플랫폼으로 앱을 배포하게 유도할 전망이다. 이원석 W3C HTML5 KIG 의장 "CSS 표준 기술중 단말 사이즈에 맞춘 콘텐츠 표시를 쉽게 지원하는 '미디어쿼리'가 활용될 예정이고 단말기 회전상태에 자..

Learn About HTML5 and the Future of the Web from Brad Neuberg Learn About HTML5 and IE9 from Giorgio Sardo from Microsoft Learn About HTML5 Communications APIs from Peter Lubbers

출처 : 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..

누군가 요즘 유행하는 기술이라면 웹 페이지를 하나 보여줬다. 웹 브라우저의 한 쪽 끝을 잡고 좌우로 잡아당기며 크기를 조정하니 사이트의 디자인이 이리저리 변경되었다. 와~하고 끝났다...뭔지 제대로 물어보지도 못했다....ㅠㅠ 헌데 인터넷을 이리저리 돌아다니다 '반응형 웹 디자인'이라는 용어를 보았다 감이 왔다...바로 검색~ㅋㅋ CSS3의 미디어 쿼리 http://www.w3.org/TR/css3-mediaqueries/ 미디어 쿼리란? CSS 2.1 부터 추가되었던 미디어 타입(media type)은 단말기의 종류에 따라 각각 다른 스타일시트를 적용하게 하는 기능이나 미디어 타입 만으로는 해당 기기의 특성을 정확히 파악하여 알맞은 스타일을 적용시키기 어려웠다. 따라서 CSS3에서 미디어 타입을 개선하..

http://www.ciobiz.co.kr/news/articleView.html?idxno=6701 앞으로 확장될 HTML5의 영향력을 엿볼수 있다. 넌 어디까지 갈꺼니?? 킨들 포맷 8(KF8) 21일(현지시각) 아마존이 HTML5에 기반을 둔 새로운 전자책(e북) 포맷을 발표 HTML5에 기반 출판업체들이 HTML5와 CSS3 등을 포함해 150개 이상의 포맷 기능에 액세스할 수 있게 해준다. 고해상도 컬러, 사이드 바, 확장 가능한 벡터 그래픽, CSS 셀렉터, 백그라운드 이미지에 텍스트를 올리는 것 등 다양한 활용이 가능하다

참고 : http://html5.clearboth.org/forms.html#forms 폼 이란 폼 컨트롤들을 갖고 있는 웹 페이지의 컴포넌트 텍스트 필드 버튼 체크박스 범위 컨트롤 색상 선택기 등 폼의 작성 단계 폼의 사용자 인터페이스 작성 폼을 위한 서버사이드 처리 구현 폼이 서버와 통신하도록 설정 폼의 사용자 인터페이스 작성 모든 폼은 form요소로 시작하고 그 안에 컨트롤들이 위치한다. 폼의 각 부분들은 하나의 문단을 구성하며, 일반적으로 p요소를 통해 서로 분리됩니다. 폼이 서버와 통신하도록 설정 폼의 속성 method : 폼의 제출 방법 지정(GET, POST 등) enctype : 값의 암호화 방법 지정 action : 제출한 데이타를 처리할 서비스의 URL 명시 폼의 컨트롤들의 name 속..

http://www.microsoft.com/windowsazure/ 2008년 10월 말경 공식 발표 2009년 11월 17일, LA에서 진행된 PDC(Professional Developer Conference 2009)에서 상용 서비스 Launch 마이크로소프트 클라우드 환경에서 애플리케이션을 배치하는 데 사용할 수 있는 확장성이 강화된 호스팅 환경 애저 서비스 플랫폼의 기반 마이크로소프트 최고 소프트웨어 아키텍트인 레이 오지는 “윈도우 애저는 웹 계층 컴퓨팅을 위한 새로운 윈도우 운영체제” , “윈도우 컴퓨팅 플랫폼이 핵심 분야로 확장되었다는 것을 의미한다” 애저 서비스 플랫폼을 통해 개발자는 클라우드에서 데이터센터, PC, 웹, 휴대폰 등을 아우르는 애플리케이션을 구축할 수 있다 서비스로서 플랫..