최근 웹 프런트엔드 개발 분야에서 가장 뜨거운 주제는 의심할 여지 없이 HTML5입니다. HTML5는 개발자가 웹 애플리케이션을 개발하는 방식을 근본적으로 바꾸어 놓았습니다. 데스크톱 브라우저에서 모바일 애플리케이션까지, 이 언어와 표준은 다양한 운영 플랫폼에 영향을 미쳤으며 앞으로도 계속 영향을 미칠 것입니다.
모바일 분야에서 모두가 끝없이 논쟁하는 질문은 웹 애플리케이션을 개발할지 아니면 네이티브 애플리케이션을 개발할지입니다. HTML5 표준이 발전하면서 둘 사이의 차이가 점점 모호해지고 있는데, 오늘날 주요 언론에서는 HTML5 관련 소식을 쇄도하고 있습니다. 그렇다면 앞으로 HTML5의 발전 추세는 무엇일까요? 내 견해와 내가 본 것 중 내가 동의한다고 생각하는 몇 가지 견해에 대해 이야기하겠습니다.
1) 모바일 우선
appMobi는 어제 ReadWriterWeb2012에서 가장 유망 기업으로 선정되었습니다. 모바일 플랫폼에서 HTML 5를 사용하기 쉽고 유비쿼터스하게 만드는 방법.
오늘날 모바일 애플리케이션의 끊임없는 등장에서 알 수 있듯이, 스마트폰과 태블릿이 폭발적으로 증가하는 시대에는 무엇을 개발하든 모바일을 기반으로 하는 모바일 퍼스트(Mobile First)가 트렌드가 되었습니다.
위에서 언급한 것처럼 이전까지 모바일 분야를 괴롭혔던 문제는 웹 애플리케이션을 개발할지 아니면 네이티브 애플리케이션을 개발할지 여부입니다. 요즘에는 파이낸셜타임스 등 일부 대기업들이 아이패드 네이티브 애플리케이션을 앱스토어에서 없애고 웹 애플리케이션을 개발하는 과정에서 HTM L5를 앞세워 모바일 시장에 진출하는 모습도 보이고 있는데, 이 역시 좋은 성과를 내고 있다.
모바일 웹 애플리케이션에서도 많은 게임 개발자들이 중요한 역할을 하게 될 것입니다. 모바일 웹 애플리케이션을 우선시하는 추세는 모바일 기기가 정보 처리 분야를 지배할 때까지 계속될 것입니다. 실제로 사용자는 사용하기 쉬운 한 웹 애플리케이션이든 기본 애플리케이션이든 애플리케이션 개발에 어떤 도구를 사용하는지 전혀 신경 쓰지 않습니다.
2) 게임 개발자가 '주연'을 주도합니다
실제로 HTML5를 통해 가장 큰 혜택을 누리는 것은 모바일 게임 개발자입니다. Apple에 지불하는 30% 수수료를 피하기 위해. 어느 정도 게임은 모바일 플랫폼에서 가장 많이 팔리는 애플리케이션이며, 사람들이 모바일 기기를 구매하도록 유도하는 중요한 요소이기도 합니다.
많은 게임 개발자가 Facebook이나 Zynga를 주도하고 있으며 향후 Facebook 애플리케이션 생태계는 HTML5를 기반으로 합니다. 비록 HTML 5 플랫폼에서 게임을 개발하는 것은 매우 어렵지만 게임 개발자들은 기꺼이 그렇게 할 것입니다. 또한 PhoneGap과 appmobi의 XDK를 통해 웹 애플리케이션 게임을 기본 애플리케이션에 패키징하고 통합하는 방법이기도 합니다. Facebook은 웹 애플리케이션과 브라우저를 기반으로 이 작업을 거의 수행하지만 이를 기본 애플리케이션에 패키징하고 통합합니다.
3) 반응형 디자인 및 자동으로 화면 크기 변경
HTML 5가 모바일 개발 플랫폼을 실제로 변화시키려면 먼저 중요한 단계를 거쳐야 합니다. 바로 " "입니다. 반응형 디자인'이란 콘텐츠에 따라 화면 크기가 자동으로 조정되는 것을 의미합니다.
반응형 디자인의 가장 좋은 예 중 하나는 올해 출시된 BostonGlobe.com(동영상 보기)입니다. 이 사이트의 개발자인 Filament Group을 방문한 후 반응형 디자인도 쉽지 않다는 것을 알게 되었습니다. 미디어 라이브러리를 처리하기 위한 RespondJS와 같은 일부 기본 컨셉 디자인은 처음부터 시작해야 하고, 제3자의 이미지와 광고를 처리하는 것도 귀찮은 문제입니다.
반응형 디자인을 잘하려면 콘텐츠와 화면의 피드백 관계를 이해해야 합니다. 실리콘 밸리의 반응형 디자인 회사인 ZURB는 실제로 지난 16년간 개발자들이 반응형 디자인을 실현했습니다. 완전히 "흐름"에서 벗어나 웹 페이지와 모바일 장치에서 콘텐츠가 처리되는 방식에 초점을 맞추는 것입니다. 이 프로세스는 여전히 진행 중이며 HTML 5가 마침내 이를 가능하게 할 것입니다.
4) 기기 접근
웹 애플리케이션과 네이티브 애플리케이션 간의 경계를 없애는 데 가장 큰 장애물은 다음과 같은 모바일 기기의 기본 기능에 접근할 수 있는 브라우저의 능력입니다. 카메라, 연락처, 달력, 가속기 등 HTML5를 사용하여 이 기능을 구현한다는 측면에서 위에서 언급한 appMobi는 업계 선두주자로 간주되며 추수감사절 이후 모든 API를 오픈 소스로 제공했습니다. Mozilla는 또한 모바일 브라우저 Fennec을 통해 장치 접근성을 향상시키기 위해 열심히 노력해 왔습니다.
많은 모바일 개발자에게 장치 접근성 향상은 HTML5의 가장 흥미로운 혁신입니다. 즉, PhoneGap 스타일 패키징 없이도 웹 애플리케이션을 모바일 장치에서 시작할 수 있다는 의미입니다. 물론 게임 개발자는 특정 기능 때문에 가장 행복합니다. 게임에 통합할 수 있는 가속기와 같은 기능은 차단됩니다.
이를 통해 개발자는 HTML5 플랫폼을 통해 클라우드와의 더 나은 통합(인앱 구매, 메시지 푸시 등에 유용함) 및 향상된 게임 플레이 가능성과 같은 또 다른 가능성의 세계를 열 수 있습니다. Java 언어, CSS3, HTML 및 기타 프로그래밍 언어.
5) 오프라인 캐싱
이 개념은 꽤 새로운 것입니다. 오프라인에서도 앱이 여전히 정상적으로 작동할 수 있다는 점은 HTML 5의 마법적인 측면으로 간주됩니다. 올해 오프라인 캐싱의 가장 좋은 예는 Amazon Kindle의 클라우드 리더입니다. Firefox 6 이상을 통해 사용됩니다. Chrome 11 이상, Safari 5 이상 및 iOS 4 이상 브라우저는 모든 Kindle 시리즈 장치에 콘텐츠를 동기화하고 사용자의 Kindle 라이브러리에 있는 모든 것을 기억할 수 있습니다.
이로써 Amazon은 웹 애플리케이션의 오프라인 사용을 실현했습니다. 많은 전문가들은 웹 애플리케이션의 사용이 간단하고, 원활하며, 어떤 플랫폼이나 플랫폼 없이도 적용 가능해졌기 때문에 네이티브 애플리케이션의 종말이 다가오고 있다고 주장합니다. . 물론 Mozilla의 촉수는 여기까지 확장되었습니다. 실제로 Mozilla는 HTML 5가 침투할 수 있는 모든 분야에 참여하기를 원합니다. Mozilla의 모바일 청사진에서 더 많은 것을 배울 수 있습니다.
6) 개발 도구의 성숙도
올해 8월 Brian Fling은 'HTML5 웹 애플리케이션 개발 분석'이라는 블로그 게시물을 작성하고 참조용으로 몇 가지 제안을 제시했습니다. HTML 5 애플리케이션에 참여하는 개발자:
인내심을 가지십시오. HTML5 프로젝트는 다른 프로젝트를 개발하는 것보다 시간이 더 오래 걸릴 수 있습니다.
예산을 세우십시오. 웹 사이트를 구축하는 것만큼 간단하지 않으며 많은 비용이 소요될 수 있습니다.
적합한 개발자를 찾으려면 이것이 경험이 풍부한 많은 전문가들에게 매우 어렵다는 점을 기억해야 하고, 여러분의 팀도 어려울 것이기 때문에 반드시 적합한 사람을 찾고 올바른 방향을 찾으십시오
자기 자신이 되기 위해 -신뢰도, HTML 5 프로젝트를 개발하려면 많은 도구가 기성품이 아닌 자체 제작되어야 한다는 점을 알아야 합니다.
기술 세계에서는 단계별 독단적 스타일이 여기서 작동하지 않으며 많은 비용이 소요됩니다. 모바일 분야에서는 옳고 그름이 없으며 모든 것이 사용자 경험에 중점을 둡니다.
도구 측면에서는 appMobi에서 제공하는 도구 외에도 애플리케이션 개발자가 사용할 수 있도록 Sencha 및 Appcelerator에서 제공하는 프레임워크 및 IDE도 있습니다. 이러한 도구는 현재 성숙되지 않았고 그만큼 좋지 않습니다. Android 및 iOS의 개발자 프레임워크와 도구는 매우 간단하고 강력하지만 적어도 진화하고 있으며 점점 더 유용해질 것입니다.
요약
양식 및 새로운 표준과 같은 HTML 5의 다른 기능은 여전히 빠르게 발전하고 있으며 표준화 작업이 진행됨에 따라 HTML 5가 다시 HTML로 변경될 수 있습니다. . HTML 5 개발 분야의 리더로는 Sencha, Adobe, Appcelerator, appMobi 및 Facebook, Amazon 및 Google의 3대 기업이 있습니다.
Brightcover와 같은 새로운 비디오 애플리케이션을 개발하려는 개발자이든, Soundcloud와 같은 새로운 오디오 애플리케이션을 개발하려는 개발자이든, 데스크톱 애플리케이션이든 모바일 애플리케이션이든 HTML 5는 기본입니다. 혁신의 주제.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
