웹 브라우저는 지난 몇 년 동안 성장해 왔습니다. 이제 웹에서 Internet Explorer 6의 기능이 깨 졌으므로 브라우저는 웹 사이트에서 오늘날 활용하는 다양하고 멋진 새 기능을 구현하고 있습니다.
이 기사는 오늘날 실제 웹 페이지에서 사용할 수있는 새로운 웹 기술에 중점을 둡니다. 물론 여러분 중 일부는이 중 많은 것을 들어 보셨을 것입니다.하지만 대다수의 사람들은 모두 들어 본 적이 없습니다.
드래그 앤 드롭하여 업로드
이제 많은 웹 사이트에서 파일을 브라우저 창에 끌어다 놓는 것만으로 파일을 업로드 할 수 있습니다. 몇 년 전처럼 찾아보기 버튼을 클릭하고 파일 선택기를 사용하지 않아도되는 환영의 변화입니다. Gmail의 이메일에 파일을 첨부하든 빠른 공유를 위해 이미지를 imgur.com에 업로드하든 관계없이 파일을 웹 페이지로 끌어다 놓을 수 있습니다.
브라우저에서 3D 그래픽 렌더링
Chrome 및 Firefox와 같은 브라우저는 이제 WebGL을 지원하므로 웹 페이지에서 플러그인없이 3D 그래픽을 렌더링 할 수 있습니다. WebGL은 게임 및 기타 3D 모델에 사용할 수 있지만 WebGL을 사용하는 가장 인기있는 웹 사이트는 아마도 Google Maps 일 것입니다. Chrome의 Google지도에서 'MapsGL'을 사용 설정할 수 있습니다. 이렇게하면 Google지도가 OpenGL로지도를 렌더링하여 더 부드러운 애니메이션이됩니다. 스트리트 뷰를 사용하면지도가 확대 될 때 애니메이션이 표시됩니다. 스트리트 뷰는 Adobe Flash가 아닌 OpenGL로도 렌더링됩니다.
Google지도가 충분히 인상적이지 않았다면 Quake 3 엔진은 브라우저의 WebGL에서 작동하도록 조정되었습니다. . 이 웹 사이트는 또한 포인터 잠금 (또는 마우스 잠금) 사양을 사용하여 마우스 포인터를 잡고 게임 영역 내에 유지합니다.
WebSocket과 통신
HTML은 웹 페이지가 웹 서버와 앞뒤로 통신 할 수 있도록 설계되지 않았습니다. HTML은 정적 웹 페이지 용으로 만들어졌으며 현재 대부분의 웹 페이지는 서버와 통신하기 위해 해키 폴링 기반 방법을 사용합니다. WebSocket을 사용하면 웹 페이지가 TCP 연결을 통해 완전한 통신 채널을 만들 수 있으므로 웹 페이지가 서버와 데이터를주고 받아야 할 때 대기 시간과 네트워크 트래픽을 크게 줄일 수 있습니다.
WebSocket은 다음에서 사용됩니다. Mozilla의 BrowserQuest 게임 , 브라우저 내에서 실행되는 게임이 이벤트를 서버로주고받을 수 있습니다. WebSocket은 브라우저에서 실행되는 IRC 클라이언트를 만드는데도 사용되었습니다. 아마도 가장 인상적인 것은 WebSocket을 사용하여 브라우저에서 실행되는 JavaScript 토렌트 클라이언트 , Chrome OS 사용자에게 기본 토렌트 클라이언트를 제공합니다. JSTorrent는 아직 완전히 안정적으로 보이지는 않지만 WebSockets로 가능한 것의 좋은 예입니다.
플래시없이 비디오 및 음악 재생
HTML5 동영상이 많은 관심을 받아 Flash를 설치하지 않고도 H.264 (MP4), WebM 및 Ogg Theora 형식으로 동영상을 재생할 수 있다는 사실을 많은 사람들이 알고 있습니다. YouTube를 포함한 많은 비디오 웹 사이트는 HTML5 기반 비디오 재생을 제공합니다. 불행히도 많은 웹 사이트에서 DRM이 필요하다고 주장하므로 YouTube는 여전히 광고가있는 동영상에 Flash를 사용하고 Netflix는 동영상에 여전히 Silverlight를 사용합니다. HTML5의 '동영상 태그'는 플래시 기반 동영상 플레이어처럼 보일 수 있으므로 동영상 재생이 휴대 기기에서 작동하고 더 나은 성능을 제공한다는 점을 제외하면 웹 사이트에서이를 사용하고 있다는 사실을 눈치 채지 못할 수도 있습니다.
오프라인으로 웹 앱 실행
이제 브라우저를 통해 웹 앱이 오프라인으로 작업 할 수 있으며 데이터에 액세스하는 데 사용할 수있는 로컬 데이터베이스 저장소를 제공합니다. 많은 Google 오프라인 웹 앱 (Gmail, 문서, 캘린더 포함)은 Chrome에서만 작동하지만 Amazon의 Kindle 클라우드 리더 Firefox와 같은 다른 브라우저에서도 오프라인으로 사용할 수 있습니다. Kindle Cloud Reader를 사용하면 인터넷에 연결되어 있지 않아도 나중에 브라우저에서 오프라인으로 읽을 수있는 eBook을 다운로드 할 수 있습니다.
웹캠 및 화상 회의에 액세스
웹 페이지는 이제 사용자의 허락하에 웹캠에 액세스 할 수 있습니다. 웹 페이지는이 기능을 사용하여 웹캠에서 프로필 사진을 찍거나 비디오를 녹화 할 수 있습니다. 그러나 새로운 WebRTC API 플러그인없이 서로 다른 브라우저 간의 화상 회의를 위해. 앞으로 Google 행 아웃에는 플러그인이 전혀 필요하지 않으며 Skype도 브라우저에서 실행됩니다.
알림 팝업 생성
이제 브라우저에서 웹 페이지에서 데스크톱 알림을 표시 할 수 있습니다. 예를 들어 Google 캘린더는 예정된 이벤트에 대한 알림을 만들었을 때 팝업 알림을 표시 할 수 있습니다. 채팅 및 이메일 웹 사이트는 새 메시지를 알리는 팝업을 표시 할 수 있습니다.
위치 확인
이제 웹 페이지에서 사용자 위치에 액세스 할 수있는 권한을 요청할 수 있습니다. 태블릿이나 전용 GPS 칩이있는 다른 유형의 기기를 사용하는 경우 브라우저는 GPS 하드웨어를 사용하여 위치를 식별합니다. GPS 칩이없는 기기에서는 근처 무선 네트워크 이름 또는 ISP의 위치를 사용하여 현재 위치를 추정 할 수 있습니다. 지리적 위치는 로컬 콘텐츠를 표시하는 웹 사이트에 주소를 입력 할 필요를 대체 할 수 있으며 휴대용 컴퓨터의 GPS 칩을 사용하여 정확한 위치를 확인할 수 있도록합니다.
웹 앱을 기본 애플리케이션으로 만들기
지금 브라우저 웹 앱이 기본 애플리케이션이되도록 허용 , 브라우저 외부에서도 컴퓨터의 어느 곳에서나 mailto : 링크를 클릭하면 브라우저에서 Gmail을 사용하여 이메일을 보낼 수 있습니다.
브라우저에서 네이티브 코드 실행
다소 논란의 여지가 있지만 Chrome에는 Google의 Native Client가 포함되어 있습니다. Native Client를 사용하면 웹 페이지에서 C 또는 C ++와 같은 언어로 작성된 기본 코드를 실행할 수 있습니다. 코드는 보안을 위해 샌드 박스에서 실행되며 거의 기본 속도로 실행됩니다.
Native Client를 사용하면 웹 페이지에서 게임 엔진 및 로컬 비디오 인코딩과 같은 고성능 코드를 실행할 수 있습니다. Chrome OS에서 고급 애플리케이션을 얻는 경로가 될 수 있습니다. Chrome 웹 스토어에는 비평가들의 찬사를받는 포트를 포함하여 Native Client로 작성된 다양한 게임이 포함되어 있습니다. 능보 .
브라우저는 빠른 속도로 새로운 웹 기능을 얻고 있습니다. Internet Explorer 6이 더 이상 업계 표준이 아니라는 점에 감사 할 수 있습니다.
이미지 크레딧 : Flickr의 Christian Heilmann
