정보실

웹학교

정보실

기타 웹 개발 트렌드 2019

본문

똑똑한 개발자는 끊임없이 변화하는 웹 개발 환경에 적응할 수 있는 방법을 항상 모색하고 있습니다. 트렌드가 등장함에 따라 새로운 기회가 생길 것입니다. 

20 년 전 웹이 어떻게 보일지 아무도 상상할 수 없었으므로 앞으로 수십 년 동안 무엇을 보유 할 지 누가 알겠습니까? 최신 웹 개발 트렌드를 파악하면 아직 존재하지 않는 일자리를 얻는 데 도움이 될 수 있습니다. 

2019 년에 주목할 프론트 엔드 웹 개발 트렌드를 정리했습니다.


https://www.keycdn.com/blog/web-development-trends-2019 


1. Progressive Web Apps 


반응하는 것 만으로는 더 이상 충분하지 않습니다. 오늘날의 웹 사이트는 진보적 이어야 합니다. 프로그레시브 웹 앱은 기본 모바일 앱과 유사한 웹 사이트입니다. 따라서 사용자의 브라우저, 화면 크기 및 장치 사양에 맞게 설계되었습니다. 

기본 장치 기능을 활용하여 실행되므로 점진적인 웹 앱도 오프라인에서 작동합니다. 기존 웹 사이트에서 진보적인 웹 앱으로 전환 한 회사는 전환율과 고객 참여율이 높았습니다. PWA.Rocks에는 영감을 주는 혁신적인 앱의 많은 예가 있습니다.


2. Frontend Frameworks 


React, Vue.js 또는 Angular와 같은 프런트 엔드 프레임 워크를 사용하여 프로젝트를 빌드 하지 않는 경우 2019 년을 시작하는 것이 좋습니다. 이러한 프레임 워크에는 개발의 지루한 측면을 간소화하는 도구가 제공되므로 사용자 경험을 최적화 하는 데 집중할 수 있습니다.


3. Static and Single Page Websites 


Jekyll, Gatsby 또는 Hugo와 같은 프레임 워크는 간단한 정적 웹 페이지를 빠르게 생성 할 수 있습니다. 정적 페이지는 동적 페이지보다 빠르고 안전하며 API 및 Markdown을 사용하여 동적 페이지를 정적 페이지에 추가 할 수 있습니다. 당신은 매우 잘 아는 경우, 당신은 하나의 페이지에 귀하의 웹 사이트를 줄일 수 있습니다.


4. GraphQL Replaces REST APIs 


Facebook에서 개발 한 GraphQL은 REST API를 빠르게 대체하는 쿼리 언어입니다. 프론트 엔드를 백엔드에서 분리하고 서버 효율성을 향상 시키는 데 사용할 수 있습니다.


5. Cross-platform Apps 


대부분의 사람들은 하나 이상의 장치를 사용하여 웹을 서핑 합니다. 실제로 미국 소비자의 3 분의 1 이상이 스마트 폰, 컴퓨터 및 태블릿을 소유하고 있습니다. 따라서 여러 기기에서 작동하고 동기화 되는 앱을 만드는 것이 점점 더 중요해지고 있습니다. Electron 및 Ionic과 같은 프레임 워크가 이 부서에서 특히 유용 할 수 있습니다.


6. Web Components 


Stencil과 같은 웹 구성 요소 컴파일러를 사용하면 사용자 지정 요소를 쉽게 만들 수 있습니다. 웹 구성 요소는 재사용 성이 높으므로 향후 프로젝트에 유용 할 수 있습니다.


7. Serverless Applications 


Nuclio와 같은 서버리스 프레임 워크를 사용하면 클라우드 기술을 사용하여 워크로드를 줄이고 확장성을 개선하며 사용하지 않는 리소스에 대한 비용을 절약 할 수 있습니다. AWS, Microsoft Azure 및 Google Cloud와 같은 주요 클라우드 공급자는 모두 서버리스 서비스를 지원합니다.


8. Machine Learning 


AI는 더 이상 프로그래머의 입력에 의해 제한되지 않습니다. 머신 러닝의 기적은 프로그램이 새로운 정보를 수집 및 합성하여 사용자 경험을 향상 시킬 수 있도록 합니다. TensorFlow는 JavaScript 만 사용하여 자체 머신 러닝 모델을 만들기 위한 훌륭한 도구이지만 AWS Rekognition과 같은 서비스를 사용하여 비교적 쉽게 이미지 인식 기능을 프로젝트에 추가 할 수 있습니다.


9. Customer Service Chatbots 


말하자면 인공 지능은 봇이 고객의 질문에 대답하고 인간보다 더 효율적으로 문제를 해결할 수 있는 수준으로 진화했습니다. 가트너는 올해 말까지 AI 업계의 총 매출이 70 % 증가 할 것으로 예상하고 있기 때문에 경쟁력을 유지하려면 가능한 한 빨리 대역을 확보해야 합니다.


10. Blockchain Technology 


비트 코인과 같은 암호 화폐는 블록 체인에 의존하지만 웹 개발자는 이 기술의 모든 잠재력을 깨닫고 있습니다. 분산 원장은 추가 보안을 제공하는 동시에 수천 개의 트랜잭션을 즉시 인증 할 수 있습니다. IBM, Microsoft 및 Amazon은 2019에서 블록 체인을 사용하는 새로운 방법을 모색하고 있습니다.


11. Push Notifications Replace Newsletters 


푸시 알림은 더 이상 모바일 앱만을 위한 것이 아닙니다. 기존 이메일 뉴스 레터를 빠르게 대체하고 있습니다. 사용자와 개발자 모두 혼란스러운 받은 편지함보다 툴바에서 신중한 알림을 선호합니다.


12. Low Code, Less Problems 


Google App Maker 및 Microsoft PowerApps와 같은 낮은 코드 개발 플랫폼은 개발 프로세스를 간소화하여 초보자 웹 디자이너를 위한 진입 바를 낮추었습니다. 한 줄의 코드를 작성할 필요 없이 보다 복잡한 프로젝트가 가능해질 것으로 예상하십시오.


13. CSS Variables 


사용자 정의 속성이라고도 하는 CSS 변수를 사용하면 최소한의 코딩으로 레이아웃을 조정할 수 있습니다. 그리드 기반 디자인에 특히 유용합니다. Houdini라는 새로운 API 세트는 CSS를 더욱 확장하여 폴리필 없이 대화 형 고성능 애니메이션을 제작할 수 있습니다.


14. Ambient Design 


사람들은 그 어느 때보다 화면을 응시하는 데 더 많은 시간을 소비하므로 개발자는 디자인을 최신 상태로 유지할 수 있는 창의적인 방법을 찾고 있습니다. 예를 들어 masOS Mojave는 시간에 따라 바뀌는 데스크탑 배경을 제공하며 일부 날씨 앱은 날씨에 따라 UI를 변경합니다. 그러한 주변 디자인 요소가 인기를 얻는 것을 제외하고.


15. Educational Content 


기술 공유 및 이와 유사한 온라인 학습 커뮤니티를 통해 누구나 모든 과목에서 수업을 수강하고 가르칠 수 있습니다. 따라서, 아카데미아 밖에서 웹 개발자를 싹트기 위한 더 많은 기회가 있을 것이며, 이는 현장에 대한 새로운 시각을 가져올 것입니다. 반대로, 사용자는 배우기를 열망하므로 웹 사이트 나 앱에 교육적인 측면을 추가하면 새로운 안구가 생길 것입니다.


16. Freeform Design 


프레임 워크를 사용하면 웹 사이트를 더 빠르고 쉽게 탐색할 수 있지만 모든 것이 동질적으로 보이는 경향이 있습니다. 인터넷에 액세스하는 거의 모든 사람이 웹에 익숙해 지므로 개발자는 사용자의 관심을 끌기 위해 상자 밖에서 문자 그대로 생각해야 합니다. 지난 몇 년 동안은 직선, 날카로운 모서리 및 볼록한 모양에 관한 것이었지만 2019는 더 추상적인 디자인으로 패러다임 전환을 가져올 수 있습니다. 다시 말해, clip-path 및 shape-outside와 같은 CSS 속성에 익숙해 져야 합니다


17. Growing Cybersecurity Concerns 


해커가 악용 할 수 있는 기회가 많아지면서 사이버 범죄는 항상 최고입니다. 더 이상 사용자에게 Facebook 계정 또는 기타 소셜 미디어 자격 증명을 통해 웹 사이트에 로그인하도록 요구하지 않습니다. 소비자는 자신의 정보를 공유 할 사람에 대해 더 열심히 생각하고 있으므로 필요 없는 데이터를 요구하지 마십시오. 서버에 많은 사용자 정보 데이터베이스가 저장되어 있으면 다단계 식별을 도입하는 것이 좋습니다.


18. Broader Conversations About Bias 


알고리즘은 수학 공식을 기반으로 결정을 내리지 만 이러한 공식에는 종종 제작자의 암묵적인 편향이 포함됩니다. 예를 들어, Google의 얼굴 인식 기술은 처음에 다양한 인종의 사용자를 식별하는 데 어려움을 겪었으며, 이로 인해 기술 산업의 다양성의 필요성에 대한 광범위한 대화가 시작되었습니다. 사용자의 다양성을 고려하고 더 많은 잠재 고객에게 도달하기 위해 가능한 한 많은 관점을 찾으십시오.


19. DesignOps 


더 작은 회사가 대행사 사용에서 사내 팀 채용으로 마케팅 요구를 전환함에 따라 DesignOps 접근 방식을 채택하기 시작할 것입니다. DesignOps는 웹 디자인을 비즈니스의 다른 모든 측면과 통합하려는 아이디어를 기반으로 합니다. 반드시 전담 DesignOps 팀이 필요하지는 않지만 DesignOps 문화를 배양하십시오.


20. Websites That Tell Stories 


성공적인 브랜드는 스토리 텔링의 힘을 알고 있습니다. 브랜드 충성도를 높이려면 사용자를 위한 일관된 이야기 환경을 만들어야 합니다. Awwwards.com은 스토리텔링을 사용자 경험에 성공적으로 통합 한 수백 개의 웹 사이트를 보여줍니다.


21. Voice Search 


음성 검색 쿼리는 지난 10 년 동안 폭발했습니다. 십대와 성인의 약 절반은 매일 Siri 또는 Alexa와 같은 음성 지원을 사용합니다. 따라서 개발자는 결국 웹 사이트에 음성 검색 기능을 도입해야 합니다. 다행히도 음성 검색 인식을 추가 할 수 있는 API가 이미 있습니다.


22. API-First design 


개발 팀이 먼저 디자인에 초점을 맞추고 나중에 API에 대해 걱정하는 것이 일반적인 관행이지만 웹 지원 장치가 급증함에 따라 API 관리가 점점 더 어려워지고 있습니다. 간단한 솔루션은 필요한 API로 시작한 다음 디자인에 집중하는 것입니다.


23. 증강 현실과 VR 


Pokemon Go 유행이 왔다 갔다 했지만 증강 현실은 더욱 평범해졌습니다. JCPenny와 같은 소매 업체는 사용자의 스마트 폰 카메라를 최대한 활용하여 가상 탈의실과 같은 모바일 앱에 새로운 기능을 추가하고 있습니다. 또한 가상 현실은 상대적으로 생산 및 액세스 비용이 저렴하므로 차량 제조업체의 도로 테스트 앱과 같은 더 많은 것을 기대하십시오. 구글과 마이크로 소프트는 2019 년 VR과 AR에 많은 금액을 투자 할 계획이다.



  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 39회 ]  작성일19-11-02 15:37

웹학교