Top 49 최신 웹 기술 341 People Liked This Answer

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 최신 웹 기술 on Google, you do not find the information you need! Here are the best content compiled and compiled by the https://toplist.maxfit.vn team, along with other related topics such as: 최신 웹 기술 2022 백엔드 트렌드, 백엔드 기술 동향, 웹 프레임워크, 웹 프레임워크 순위, 웹 개발자가 알아야 할, 백엔드 프레임워크 순위 2022, CSS 최신 기술, Java 최신 기술

2022 웹개발 🔥트렌드 (개발자라면 알아두면 💰 돈이 되는 트렌드)

2022년 웹 개발 트렌트 따라잡기

Article author: contents.premium.naver.com
Reviews from users: 37150 Ratings
Top rated: 4.2
Lowest rated: 1
Summary of article content: Articles about 2022년 웹 개발 트렌트 따라잡기 올해가 얼마 안 남은 시점에서 내년 2022년에는 어떤 기술들이 많이 사용될지 인기 있는 웹 개발 트렌드를 알려드리고자 합니다. …
Most searched keywords: Whether you are looking for 2022년 웹 개발 트렌트 따라잡기 올해가 얼마 안 남은 시점에서 내년 2022년에는 어떤 기술들이 많이 사용될지 인기 있는 웹 개발 트렌드를 알려드리고자 합니다. 올해가 얼마 안 남은 시점에서 내년 2022년에는 어떤 기술들이 많이 사용될지 인기 있는 웹 개발 트렌드를 알려드리고자 합니다. 빠르게 변화하는 시대에 뒤처지지 않고 싶다면 글을 끝까지 읽어보시기 바랍니다. 먼저 웹 프레임워크를 살펴보겠습니다. 수년 전부터 큰 인기를
Table of Contents:

Article author: engineering.linecorp.com
Reviews from users: 7434 Ratings
Top rated: 4.5
Lowest rated: 1
Summary of article content: Articles about 2022ë ì¹ ê°ë°ìì ê³ ë ¤í´ì¼ í íê²½ 따라서 지원하는 웹 표준이 최신 브라우저에서 지원하는 웹 표준과 많이 다릅니다. 이런 IE가 떠나면서 베이스라인이 흐릿해졌습니다. …
Most searched keywords: Whether you are looking for 2022ë ì¹ ê°ë°ìì ê³ ë ¤í´ì¼ í íê²½ 따라서 지원하는 웹 표준이 최신 브라우저에서 지원하는 웹 표준과 많이 다릅니다. 이런 IE가 떠나면서 베이스라인이 흐릿해졌습니다. 2022-LINE-engineering-site
Table of Contents:

2021ëì ê°ì¥ í° ë³í – Internet Explorerì ìí´

ì¹ ê°ë°ì ìë¡ì´ ë² ì´ì¤ë¼ì¸

ì°ë¦¬ë ì¬ì©ìì ìêµ¬ì ì¼ë§ë ì ëìíê³ ììê¹ì

ì ê·¼ì±

ê²°ë¡

Tags

Article author: yozm.wishket.com
Reviews from users: 16517 Ratings
Top rated: 3.8
Lowest rated: 1
Summary of article content: Articles about 2022년 프론트엔드 개발 동향 | 요즘IT PWA는 웹 기술로 개발된 웹사이트이기 때문에 사용하기 위해 설치가 … Motion UI는 세계적으로 수요가 많은 최신 프론트엔드 디자인 스타일입니다. …
Most searched keywords: Whether you are looking for 2022년 프론트엔드 개발 동향 | 요즘IT PWA는 웹 기술로 개발된 웹사이트이기 때문에 사용하기 위해 설치가 … Motion UI는 세계적으로 수요가 많은 최신 프론트엔드 디자인 스타일입니다. 이번에 소개해 드릴 프론트엔드 개발 트렌드는 앱 개발 진행과정을 더욱 빠르고 간결하게 만들어줍니다. 또한 업계에 지속해서 영향력을 미치는 것을 목표로 하는 개발자에게 있어서 최신 프로그래밍 언어, 프론트엔드 프레임워크 및 기술들을 유지하는 것이 끊임없이 진화하는 업계에서 경쟁력을 유지하는 데 필수적입니다.프론트엔드,개발동향,자바스크립트,타입스크립트,백엔드
Table of Contents:

Article author: scv-life.tistory.com
Reviews from users: 9372 Ratings
Top rated: 4.8
Lowest rated: 1
Summary of article content: Articles about 웹개발자가 알아야할 2021년 최신 트랜드 웹개발자가 알아야할 2021년 최신 트랜드 · 깃헙의 놀라운 성장세와 의미 있는 수치들. · 프로그램 언어별 성정세 · 웹 프레임웍스 · 자바런타임환경 · No Code … …
Most searched keywords: Whether you are looking for 웹개발자가 알아야할 2021년 최신 트랜드 웹개발자가 알아야할 2021년 최신 트랜드 · 깃헙의 놀라운 성장세와 의미 있는 수치들. · 프로그램 언어별 성정세 · 웹 프레임웍스 · 자바런타임환경 · No Code … 본문은 유튜버 드림코딩by엘리님의 영상을 정리하면서 추가한 글로써, 자세한 내용은 하단의 영상을 참조해주세요. 깃헙의 놀라운 성장세와 의미 있는 수치들. 지난해 6천만개가 넘는 repository가 새로 생성되었..
Table of Contents:

고정 헤더 영역

메뉴 레이어

검색 레이어

상세 컨텐츠

깃헙의 놀라운 성장세와 의미 있는 수치들

프로그램 언어별 성정세

웹 프레임웍스

자바런타임환경

No Code & Less Code

Serverless 개발

JAM 스택

SPA와 PWA

웹어플리케이션 성능을 극한으로 끌어올릴 Web Assembly

모션 디자인

태그

추가 정보

페이징

티스토리툴바

Article author: wishket.tistory.com
Reviews from users: 43155 Ratings
Top rated: 4.4
Lowest rated: 1
Summary of article content: Articles about 2022년, 주목해야 할 6가지 웹 개발 트렌드 01. 인공 지능 챗봇: 필수 커뮤니케이션 도구. 점점 더 많은 개발자가 AI(인공 지능) 기술을 받아들이고 있는 가장 큰 이유 중 하나는 가상 도우미를 … …
Most searched keywords: Whether you are looking for 2022년, 주목해야 할 6가지 웹 개발 트렌드 01. 인공 지능 챗봇: 필수 커뮤니케이션 도구. 점점 더 많은 개발자가 AI(인공 지능) 기술을 받아들이고 있는 가장 큰 이유 중 하나는 가상 도우미를 … 안녕하세요. 국내 1위 IT아웃소싱 플랫폼 위시켓입니다. 개발자는 항상 기술 혁신의 최전선에서 앞을 바라보며 나아갑니다. 새로운 기술과 트렌드에 항상 굶주려있죠. 빠르게 변하는 트렌드 속에서 한 가지 요점을..
Table of Contents:

태그

‘아웃소싱 꿀팁’ Related Articles

Article author: developer.mozilla.org
Reviews from users: 6275 Ratings
Top rated: 4.2
Lowest rated: 1
Summary of article content: Articles about 개발자를 위한 웹 기술 | MDN 웹의 개방성은 개발자들에게 많은 기회를 제공합니다. 하지만 웹 기술을 잘 활용하려면 우선 그 사용 방법을 잘 알아야 합니다. 아래의 링크들을 확인 … …
Most searched keywords: Whether you are looking for 개발자를 위한 웹 기술 | MDN 웹의 개방성은 개발자들에게 많은 기회를 제공합니다. 하지만 웹 기술을 잘 활용하려면 우선 그 사용 방법을 잘 알아야 합니다. 아래의 링크들을 확인 … 웹의 개방성은 개발자들에게 많은 기회를 제공합니다. 하지만 웹 기술을 잘 활용하려면 우선 그 사용 방법을 잘 알아야 합니다. 아래의 링크들을 확인하여 다양한 웹 기술을 배워보세요.
Table of Contents:

In this article

웹 개발자를 위한 문서

웹 기술 참고서

MDN

Support

Our communities

Developers

Article author: www.itworld.co.kr
Reviews from users: 25557 Ratings
Top rated: 4.8
Lowest rated: 1
Summary of article content: Articles about “새로운 개발자 경험이 온다” 2022년 SW 트렌드 총정리 – ITWorld Korea 이처럼 웹 사용량이 급증하면서 새로운 문제와 개선할 부분이 발견됐다. … 있는지 또는 최신 기술로 업그레이드가 필요한지 등을 평가할 수 있다. …
Most searched keywords: Whether you are looking for “새로운 개발자 경험이 온다” 2022년 SW 트렌드 총정리 – ITWorld Korea 이처럼 웹 사용량이 급증하면서 새로운 문제와 개선할 부분이 발견됐다. … 있는지 또는 최신 기술로 업그레이드가 필요한지 등을 평가할 수 있다. 전 세계적으로 사회의 양상을 근본적으로 바꿔버린 바이러스 대유행 사태가 잦아든 지금 우리는 2022년 중반에 와 있다. 지난 2년의 변화 중에서
Table of Contents:

재미와 수익을 위한 코딩

소프트웨어 개발 트렌드의 융합

클라우드 채택과 고차원 인프라

서버리스 배포와 API 제공자

대표적인 최신 API 제공자는 몽고DB

API 빌더

프론트엔드 툴과 프레임워크

커스텀 미들웨어

분리 아키텍처(일명 마이크로서비스)

프로세스 자동화

새로운 종류의 개발자 경험

“새로운 개발자 경험이 온다” 2022년 SW 트렌드 총정리 – ITWorld Korea

Article author: devjun.tistory.com
Reviews from users: 5822 Ratings
Top rated: 5.0
Lowest rated: 1
Summary of article content: Articles about 2021 웹 개발 테크트리 총정리 — Devjun’s Devlog 2021 웹 개발 테크트리 총정리 … Java & Spring을 사용하는 제가 사용할 기술 정리 … 웹 개발자로서 공통적으로 필요하다고 생각하는 것은. …
Most searched keywords: Whether you are looking for 2021 웹 개발 테크트리 총정리 — Devjun’s Devlog 2021 웹 개발 테크트리 총정리 … Java & Spring을 사용하는 제가 사용할 기술 정리 … 웹 개발자로서 공통적으로 필요하다고 생각하는 것은. 출처 www.youtube.com/watch?v=kjSZ7JKVdbQ Java & Spring을 사용하는 제가 사용할 기술 정리 devjun.tistory.com/116?category=957424 Java & Spring Developer RoadMap in 2021 기초 상식 – 호스팅, 도메인, DNS..
Table of Contents:

티스토리툴바

블로그 메뉴

공지사항

2022년 웹 개발에서 고려해야 할 환경

TL;DR: 2022년 웹 개발에서 고려해야 할 환경은, 성능 측면에서는 저사양의 Android 기기, 웹 표준 측면에서는 2년 전의 Safari, 네트워크 측면에서는 4G입니다. 웹은 대체적으로 이와 같은 니즈에 적절히 대응하지 못하고 있습니다. 특히 성능 관점에서 JavaScript에 과도하게 의존하는 것과 같은 요소들이 웹 사이트의 성능을 끌어내리고 있습니다.

안녕하세요! LINE에서 프런트엔드 엔지니어로 일하고 있는 Alan Dávalos입니다. 이 글의 제목이 그저 클릭을 유도하려는 미끼라고 생각하실 수 있겠지만, 조금만 더 읽어주시길 바랍니다. 분명 읽을 만했다고 생각하실 겁니다. 2021년과 2022년 사이에 웹에는 몇 가지 큰 변화가 있었는데요. 이 변화가 전반적인 웹 개발 방식에 영향을 미치고 있습니다. 그래서 저는 이번 글에서 다양한 데이터를 분석하며 어떤 변화가 있었는지 알아보고, 웹 개발자로서 이런 변화에 어떻게 적응해야 하는지 말씀드리려고 합니다.

2021년의 가장 큰 변화 – Internet Explorer의 은퇴

2021년에 많은 변화가 있었지만 Internet Explorer(이후 IE)의 공식 은퇴만큼 중대한 변화는 없었습니다. Microsoft는 2021년 5월에 관련 소식을 발표했고, 8월부터는 Microsoft 365를 포함한 많은 Microsoft 제품에서 IE 지원을 공식적으로 중단했습니다. IE의 공식 은퇴 날짜는 2022년 6월로 예정되어 있지만, 이미 IE가 은퇴한 것이라고 간주해도 될 만한 몇 가지 이유가 있습니다.

웹에서 가장 큰 몇몇 사이트에서 IE 지원 중단

Microsoft의 발표 후 많은 프로젝트에서 IE 지원을 중단하기 시작했습니다. 그중에는 대부분의 인터넷 사용자가 이용하는 사이트도 있었는데요. 예를 들어 Google Search는 2021년 10월에 IE 지원을 중단했습니다(참고).

Twitter @cramforce

일본에서는 2021년 9월에 Yahoo! JAPAN이 IE는 더 이상 권장하지 않는 브라우저라고 발표했습니다.

Yahoo! JAPAN은 Internet Explorer 11을 권장하는 브라우저로 설정하고 있습니다. 하지만 Internet Explorer 지원을 종료한다는 Microsoft의 발표에 따라 Yahoo! JAPAN에서도 2021년 9월 7일부터 Internet Explorer 11을 권장하지 않는 브라우저로 설정하기로 결정했습니다.

Internet Explorer 11을 사용해 일부 서비스를 이용할 수는 있지만 페이지가 제대로 동작하지 않거나 렌더링되지 않는 문제가 발생할 수 있습니다. Internet Explorer 11의 공식 지원 종료일이 다가오고 있으므로 Internet Explorer 11을 사용하는 모든 사용자에게 당사가 권장하는 브라우저를 사용할 것을 권장합니다.

또한 약 33%의 웹에서 사용하고 있는 WordPress도(참고) 2021년 7월에 릴리스한 WordPress 5.8 버전부터 IE 지원을 중단한다고 발표했습니다.

When WordPress 5.8 is released in July of this year, Internet Explorer 11 will no longer be supported.

현재 IE의 시장 점유율

위와 같은 발표들이 IE의 공식 은퇴 날짜 이전에 나온 데에는 그만한 이유가 있습니다. IE의 시장 점유율은 2021년 내내 급격히 줄어들었습니다.

현재 IE의 글로벌 시장 점유율은 0.5% 이하이며, IE의 점유율이 다른 나라에 비해 높은 일본에서도 2% 정도로 하락세를 보이고 있습니다.

웹 개발의 새로운 베이스라인

지금까지는 시장 점유율 때문에 IE를 계속 지원해 왔지만 이제 그래야 할 이유가 사라졌습니다. 하지만 그동안 많은 툴에서 IE가 지원 베이스라인이었기 때문에 새로운 문제가 발생했습니다. IE 개발은 대부분 오래전에 중단됐는데요. 따라서 지원하는 웹 표준이 최신 브라우저에서 지원하는 웹 표준과 많이 다릅니다. 이런 IE가 떠나면서 베이스라인이 흐릿해졌습니다. 이에 제가 사용자 기기의 현재 상태를 분석해서 새로운 베이스라인을 정의해 보려고 합니다.

사용자 기기와 브라우저

브라우저와 OS의 시장 점유율

브라우저의 시장 점유율을 앞서 보여드린 것과 다른 형식의 차트로 살펴보겠습니다.

위 차트에서 발견할 수 있는 두 가지 경향을 강조하고 싶습니다.

우리가 지원해야 할 브라우저 엔진은 세 가지다. Chromium: Chrome, Edge, Samsung Internet Browser, Opera의 기반 엔진 Gecko: Firefox의 기반 엔진 Webkit: Safari의 기반 엔진

일본은 Safari 사용자 비율이 글로벌 평균보다 높다.

위 항목 중 두 번째 사항은 아래 차트를 보면 쉽게 알 수 있습니다.

글로벌 모바일 OS 시장에서는 Android가 약 70%를 차지하고, iOS가 약 28%를 차지합니다. 반면 일본에서는 iOS가 약 66%를 차지하고, Android는 33% 정도에 그칩니다.

CPU 성능의 차이

OS의 차이는 소프트웨어 측면에서뿐 아니라 하드웨어 측면도 포함합니다. 하드웨어 측면에서 가장 많이 고려해야 할 부분은 CPU의 성능입니다.

위 차트에서 볼 수 있듯이 iOS 기기는 지난 10년 동안 매년 가장 좋은 CPU 성능 점수를 기록했습니다. 그에 비해 Android 기기는, 상급 기종에서는 어느 정도 비슷한 점수를 받았지만 중급이나 하급 기종에서는 그에 훨씬 못 미치는 점수를 기록했습니다. 위 두 차트 기사의 작성자인 Alex Russel의 말을 인용하면 다음과 같습니다.

2020년의 하이엔드 Android 기기는 2017년 3분기에 출시된 iPhone 8의 싱글 코어 성능을 자랑하고,

중가 Android 기기는 2014년에 출시된 iPhone 6보다 약간 더 빠르며,

저가형 Android 기기는 2012년에 출시된 iPhone 5를 마침내 따라잡았습니다.

웹 표준을 기준으로 브라우저 정렬

서로 다른 브라우저가 웹 개발에 가장 큰 영향을 미치는 부분은 서로 다른 웹 표준을 구현하는 것입니다. 앞서 언급한 것처럼 우리가 신경 써야 할 세 가지 브라우저 엔진이 있는데요. 각 브라우저가 어떻게 웹 표준을 구현했는지 살펴보려고 합니다. 가장 쉬운 방법은 Web Platform Tests(이하 WPT) 데이터를 확인해 보는 것입니다.

출처: Browser Specific Failures, 2021년 12월 4일 기준

이 차트는 세 브라우저 중 어떤 한 브라우저에서만 실패한 WPT 실패 수를 보여줍니다. 즉, 특정 브라우저는 구현하지 못했지만 다른 두 브라우저는 이미 구현한 기능의 수를 알 수 있는데요. 한 가지 분명한 사실은 Safari만 구현하지 않은 웹 표준의 수가 Firefox나 Chrome만 구현하지 않은 웹 표준의 수보다 몇 배나 많다는 것입니다. Safari가 구현하지 않은 웹 표준의 수는 Firefox의 약 2.4배, Chrome의 약 4.7배입니다.

또한 Safari는 iOS와의 긴밀한 관계도 고려해야 합니다. 구체적으로 다음 두 가지 사항을 들 수 있습니다.

다른 모바일 브라우저는 OS와 독립적으로 업데이트되지만 Safari는 iOS가 업데이트될 때만 업데이트됩니다. 최신 버전의 iOS에서 더 이상 지원하지 않는 기기는 최신 버전의 Safari로 업데이트할 수 없습니다.

iOS의 모든 브라우저는 Webkit 기반입니다. Chrome과 Firefox에는 iOS 용 버전이 있지만, 이들 또한 iOS의 Safari와 같은 엔진을 사용하고 있습니다. 이는 모든 iOS 브라우저에서는 Webkit을 사용해야 한다는 Apple의 지침 때문입니다.

iOS와 Safari의 이러한 관계는 주요 iOS 버전이 새로 출시될 때마다 iOS 버전의 시장 점유율이 어떻게 변하는지 확인해야 한다는 것을 의미합니다.

iOS 버전에 따라 시장 점유율이 어떻게 변하는지 더 깊이 이해하기 위해 지난 2년 동안 iOS 12의 시장 점유율이 어떻게 변해왔는지 살펴봤습니다.

2019년 1분기부터 3분기까지 iOS 12의 점유율은 점차 증가했지만, 3분기에 iPhone 11과 iOS 13이 출시되면서 점유율이 급감했습니다.

그 다음 해에 iOS 12의 점유율은 20% 아래로 떨어졌습니다.

2020년 3분기에 iPhone 12와 iOS 14가 출시되자마자 iOS 12의 점유율은 급격히 하락해 2021년 2분기에는 미미한 수준이 되었습니다.

iOS 12의 이와 같은 점유율 패턴은 iOS 13과 14에서도 관찰할 수 있었습니다.

결론적으로, 앞으로 iOS 시장 점유율의 90% 이상은 지난 2년간 출시된 주요 버전으로 구성될 것이라고 안심하고 가정할 수 있습니다. 즉, 최근 2년 이내에 출시된 Safari 버전만 지원하면 되는 것입니다.

모바일 네트워크

지금까지 주로 기기와 브라우저에 대해 이야기했습니다. 이제 웹 개발자의 영향이 미치지 않으면서 UX에 큰 영향을 주는 요소 중 하나인 네트워크 연결에 대해 이야기해 보겠습니다. Wi-Fi 네트워크에 연결한다면 대부분의 연결이 안정적일 테지만, 모바일 네트워크도 그렇다고 말할 수는 없습니다. 먼저 모바일 네트워크의 현재 상황을 살펴보겠습니다.

3G와 4G

Lighthouse와 같은 툴을 사용하면 네트워크를 3G로 시뮬레이션하도록 테더링되긴 하지만, 최근 모바일 네트워크는 전 세계적으로 바뀌고 있습니다. Opensignal에서 2020년 5월에 발간한 리포트에 따르면 글로벌 4G 가용성은 약 86.8%입니다. 따라서 대부분의 사용자가 4G 네트워크에 접속할 수 있다고 안심하고 가정할 수 있습니다. 일본은 4G 가용성이 약 98.5%로 테스트한 국가 중에서 가장 높았습니다.

5G

반면 5G 네트워크는 아직 많이 현실화되지 않았습니다. Opensignal이 2021년 11월에 발간한 리포트에 따르면 전 세계에서 5G 가용성이 가장 높은 한국에서도 약 29.1%에 그쳤습니다.

그럼 새로운 베이스라인은 무엇일까요

위에서 말씀드린 데이터를 모두 고려한 웹 개발의 새로운 베이스라인은 다음과 같습니다.

Safari 는 웹 표준 관점에서의 베이스라인입니다. 우리가 개발하는 사이트는 적어도 2년 이상 지난 Safari에서 동작해야 합니다.

는 웹 표준 관점에서의 베이스라인입니다. 우리가 개발하는 사이트는 적어도 2년 이상 지난 Safari에서 동작해야 합니다. Android 하위 기종 은 성능 관점에서의 베이스라인입니다. Android 하위 기종은 지난 몇 년간 그다지 발전하지 않았기 때문에 그에 맞추려면 우리가 만드는 사이트의 성능이 매우 좋은지 확인해야 합니다.

은 성능 관점에서의 베이스라인입니다. Android 하위 기종은 지난 몇 년간 그다지 발전하지 않았기 때문에 그에 맞추려면 우리가 만드는 사이트의 성능이 매우 좋은지 확인해야 합니다. 4G는 네트워크 관점에서의 베이스라인입니다. 최근 몇 년 동안 모바일 네트워크는 전 세계적으로 훨씬 더 빠르고 안정적으로 발전했습니다.

우리는 사용자의 요구에 얼마나 잘 대응하고 있을까요?

베이스라인을 구성하는 세 부분을 성공적으로 정의했지만 그것만으로는 충분하지 않습니다. 우리가 사용자의 요구에 얼마나 잘 대응하고 있는지 살펴봐야 합니다. 심층적으로 분석하면 각 프로젝트마다 결과가 다를 것이기 때문에 LINE에서 진행하는 특정 프로젝트에 대해 이야기하는 것은 대부분의 사람들에게 별로 도움이 되지 않을 것 같습니다. 이 점을 고려해 웹 전체를 분석해 보려고 하는데요. 운 좋게도 Web Almanac 2021이라는 훌륭한 데이터 소스가 있습니다. HTTP Archive에서 만드는 연간 리포트로, 약 820만 개의 사이트를 24개의 챕터로 나누어 분석해 놓은 리포트입니다. 앞서 정의한 기준에 현재 웹이 얼마나 잘 부합하고 있는지 알아보기 위해 이 리포트의 여러 챕터에서 몇몇 데이터를 발췌해 살펴보겠습니다.

2021년 웹 사이트 크기의 중앙값

2021년에 웹 사이트 크기의 중앙값은 1,923KB였습니다. 크기를 아래와 같이 파일 유형별로 분류하면 이미지와 JavaScript(이하 JS)가 대부분을 차지하고 있다는 것을 알 수 있습니다.

이 데이터를 보면 이미지가 가장 큰 것으로 나오기 때문에 이미지에 집중하기 쉽지만, 사실 JS에 주의를 기울여야 합니다. 그 이유는 이미지 처리는 JS 처리만큼 복잡하지 않기 때문입니다. 이미지는 기본적으로 다운로드하는 즉시 렌더링할 수 있지만 JS는 구문을 분석한 뒤 실행해야 하기 때문에 일반적으로 JS 처리가 더 많은 리소스를 소비합니다.

또한 위에서 언급했던 Alex Russell의 기사를 보면 4G 네트워크에서 Android 하위 기종을 테스트할 때 웹 사이트가 좋은 성능을 유지하기 위한 적정 크기는 HTML과 CSS는 최대 100KB, 그리고 JS는 최대 350KB입니다. 현재 중간값을 살펴볼 때 HTML과 CSS는 기준을 충족하지만 JS는 넘어서고 있습니다.

HTML과 CSS 사용

Web Almanac 리포트의 markup과 CSS 챕터에는 많은 정보가 담겨 있는데요. 그중에서 현재 HTML과 CSS를 어떻게 사용하고 있는지 예시를 살펴보는 데 도움이 될 만한 몇 가지 주요 데이터를 확인해 보겠습니다.

HTML

먼저 HTML에 대해서 이야기해 보겠습니다. 현재 ‘deprecated’되지 않은 HTML 엘리먼트는 112개인데요(참고). 웹 페이지에서 사용하는 HTML 엘리먼트 개수의 중앙값은 31개입니다. 물론 모든 페이지에서 각 엘리먼트를 전부 사용할 필요는 없습니다. 하지만 앞서 말씀드린 31개 엘리먼트에는 과 ,

2022년 웹 개발 트렌트 따라잡기

2022ë  ì¹ ê°ë°ìì ê³ ë ¤í´ì¼ í íê²½

2022년 프론트엔드 개발 동향 | 요즘IT

웹개발자가 알아야할 2021년 최신 트랜드

2022년, 주목해야 할 6가지 웹 개발 트렌드

개발자를 위한 웹 기술 | MDN

“새로운 개발자 경험이 온다” 2022년 SW 트렌드 총정리 – ITWorld Korea

2021 웹 개발 테크트리 총정리 — Devjun’s Devlog

2022년 15가지 웹 디자인 트렌드 | AppMaster

2022년 웹 개발에서 고려해야 할 환경

Leave a Comment Cancel reply

2022ë ì¹ ê°ë°ìì ê³ ë ¤í´ì¼ í íê²½