구루의 기술뉴스 ( GuruNews ) 70회차 입니다.

아이폰5 의 출시와 함께 다양한 방면에서 나오고 있는 iOS 6의 변경점들에 대해 정리한 글들을 메인으로 선정했습니다.

[ 모바일 – 아이폰/안드로이드 ]

• 아이폰5/iOS6 의 HTML5 새기능들 정리 MediaCapture&File API 를 이용한 파일업로드와 카메라제어,Web Audio,CSS3 필터,풀스크린 지원,애니메이션 타이밍 API 등
• iOS6 에 추가된 Smart App Banners 사용방법 과 제한점 메타태그 한줄로 사용가능. URL로 인자도 넘길수 있고, 아이폰앱의 웹 랜딩사이트에는 필수 아이템이 될듯
• iOS6 의 사파리가 POST 메시지를 캐슁하는것 때문에 다양한 문제 발생중 Ajax에서도 문제가 발생하므로, 모바일웹/하이브리드앱에선 필수체크 해야할 듯
• 사소한 것 까지 짚고 넘어가는 iOS 6 사용팁
• iOS6 의 iMessage앱이 각 연락처별로 키보드세팅을 저장했다가 마지막에 사용한 키보드를 불러내준다고 2개이상의 언어로 여러 국가의 사람들과 대화를 하는 사람들에게는 아주 유용할듯. 디테일!
• The Amazing iOS 6 Maps iOS6의 지도를 놀리는 사이트
• Android niceties – 안드로이드 앱도 이쁠수 있다. 멋진 안드로이드 앱 화면만 모아놓은 사이트

[ 웹사이트, 웹서비스, 웹기술 ]

• 아이폰5 웹사이트 분석 video태그를 쓰지않고 JPEG/JSON/Canvas를 이용해서 비디오를 보여주네요.
• GIFSockets – AnimatedGIF 를 이용한 실시간 커뮤니케이션 라이브러리. 만우절 장난같지만 특별한 용도로 쓰임이 있다고..
• GitHub가 Command Bar 기능을 소개 UI의 상단 검색창에서 다양한 GitHub 기능을 커맨드 라인처럼 이용가능. 요즘 가장 Geek 한 회사가 GitHub인듯
• Vimeo 가 작은 금액을 보내서 비디오 제작자를 후원할 수 있는 Tip Jar 서비스를 오픈 2013년에는 Pay-to-View 서비스까지 오픈할 예정이라고
• How To Build A Trustworthy Website – 신뢰할 수 있는 웹사이트 만들기 국내사이트들은 Reputation ( 사용자수/프레스평가/추천사 등) 을 디자인으로 승화시키는 것에 약한 듯
• Responsive Patterns – 반응형 디자인 패턴 모음 사이트
• PNG와 프레임간 차이값,JSON 메타데이터를 이용해서 애니메이티드 GIF와 비슷한 효과 만들기 Animated GIFs the Hard Way SublimeText 홈페이지에 있는 애니메이션이 이거였군요. 파이썬 스크립트도 공개

[ 프로그래밍/HTML5/CSS/Javascript ]

• Bootstrap Form Builder – 부트스트랩 테마 사용자를 위한 Form 화면 드래그&드롭 생성기. 부트스트랩이 점점 더 편리해지는군요.
• Teaching Materials – 웹 개발자 양성을 위한 기초 온라인 교육과정. HTML & CSS , Javascript 까지 나와 있네요
• jQuery Gantt 에디터– JSON Import/Export,Undo/Redo지원,국제화,서버동기화 까지 가능한 간트차트 오픈소스. MIT 라이센스라 좋네요 😉
• Fokus – 문장/객체를 선택하면 그부분을 제외한 영역을 흐리게 만들어주는 하이라이트 효과 JS 라이브러리. Hakim 아저씨의 새 작품. 깔끔하네요
• Stellar.js – 모바일 호환되는 Parallax 스크롤링 라이브러리
• Reveal.js – CSS 3D를 이용한 HTML 기반 프리젠테이션 프레임워크. 이걸 이용해 만든 HTML편집이 필요없는 온라인 슬라이드 에디터 rvl.io
• Divshot – 웹앱을 위한 인터페이스 빌더. 부트스트랩 기반의 드래그앤 드랍 웹UI 에디터. 현재 베타라서 초대신청만 가능

[ DB,클라우드,웹서버 기술 ]

• Gith – Node.js 용 GitHub WebHook 모듈. 깃헙 푸쉬할때 훅킹해서 데이터를 전달받는 기능을 위한 모듈. GitHub를 사내시스템과 연동해서 사용시 쓸만할듯

[ 추천글 ]

• 웹을 지탱하는 기술 인터넷의 역사부터 웹의 탄생, HTTP와 REST등 현재의 웹을 이해하는데 필요한 것들을 정리해봤습니다. 웹의 기반기술을 제대로 아는 것이, 좀더 웹을 진지하게 접근하는 것의 시작이라고 생각합니다

피드백 환영합니다!
제 블로그를 RSS리더에서 구독하시거나 , 제 블로그를 이메일로 구독하실수 있습니다

제가 감수를 했던 멘토르 출판사의 “웹을 지탱하는 기술” 책 내용을 가지고, 발표를 할수있도록 슬라이드를 만들어봤습니다. 학교에서 JSP수업을 진행하기에 앞서서, 아직 웹에 대한 기초가 부족한 친구들을 위해 설명하려고 만든 자료입니다.

현업에 계신 개발자 분들은 다들 아시는 내용이겠지만, 정작 우리 주위엔 웹을 많이들 쓰고, 관련해서 일을 하면서도 웹의 내부에 대해서는 잘 모르고 있는 사람들이 많습니다. 대학에서 이 부분을 따로 교육하기엔 너무 기초적일 수도 있는듯 해서, 교육과정에는 정작 잘 없는 것 같구요.

간단하게 인터넷의 역사부터 웹의 탄생, HTTP 와 REST 등, 우리가 현재의 웹을 이해하는데 필요한 것들만 간단히 정리하려고 했는데, 하고 보니 69페이지나 되는군요. 웹에 대한 기초를 잡는 스터디용 자료로 활용하시면 좋을 것 같습니다.

2~14 페이지까지는 강원대학교 문양세 교수님의 웹 프로그래밍 실습 수업자료에서 발췌하였습니다.
( 전 예전에 받아둔건데, 지금은 링크가 닫혀있네요. )