왜 익스플로러를 싫어하나요?

웹개발자들의 오랜 숙적이자 적폐 😡 인터넷 익스플로러!

익스플로러가 왜 비난과 원성을 사고 있는지,
웹 표준란 무엇이고 이를 준수하려면 어떻게 웹을 개발해야 하는지

'얄팍한소프트'에서 벌어지는 에피소드를 통해 알아봅니다.


브라우저 호환성 체크에 유용한 사이트들

사이트 링크
Can I Use 바로가기
MDN 바로가기
W3School 바로가기



🎬 영상 주요 포인트

🧭 브라우저란?

익스플로러나 크롬, 사파리, 파이어폭스, 오페라 이런 프로그램들을 '브라우져'라고 불러요. 웹사이트가 HTML, CSS, JavaScript로 구성된다는 건 교육 때 링크 보내준 이 영상에서 봤죠? ('HTML, CSS, JavaScript가 뭔가요?'편) 브라우져는, 이 세 종류의 파일들을 읽어서 사용자의 모니터에 보여주는 프로그램들인거에요. .docx 형식의 파일들을 Word란 프로그램이 읽는것처럼요.

🌎 웹 표준

만약에, .docx 문서들을 다루는 프로그램이 Word 말고도 여럿 있고, 이것들이 어느정도 사용자 시장을 분할해서 차지하고 있다면 어떨까요? 뭘로 읽든 똑같이 보여진다면야 문제가 없겠죠. 그런데 이것들이 .docx 문서를 읽는 방식이 다르다면? 그래서 같은 문서도 뭘로 여느냐에 따라 다르게 보인다면 무슨 일이 벌어지겠어요? 학교에서든 회사에서든 워드 문서를 작성할때 이 프로그램들 하나하나에서 그게 어떻게 보여지는지 일일이 확인하면서 작업해야겠죠. 이 문서를 읽는 사람이 어떤 프로그램을 쓸지 모르니까요. ... 아하, 알겠어요. 웹 개발에 있어서도 HTML, CSS, JavaScript 문서들을 읽는 데 가능한 브라우져마다 차이가 없도록 웹 표준이란 게 있는거로군요. 그래야 웹 개발자들이 브라우져를 하나하나 신경쓰지 않고 맘껏 웹을 개발할 수 있을테니까요. 맞아요. HTML과 CSS의 표준을 정하는 W3C, JavaScript를 관장하는 ECMA, 그리고 국제 인터넷 표준화 기구 등에서 만드는 기준들이 웹 표준이라 불리고, 이에 맞춰 브라우져들이 발전해가죠.

🍿 더 자세한 내용은 영상에서 보실 수 있습니다.





관련 태그의 다른 영상들

HTML과 CSS를 제대로 알아보는 강좌입니다.
# HTML
# CSS
#
HTTPS가 뭐고 왜 쓰나요?
대칭키와 비대칭키 개념과 함께 HTTPS의 목적과 원리를 간략히 알아봅니다.
# HTTPS
# 대칭키
# 비대칭키
# 공개키
# 개인키
# 보안
#
PWA가 뭔가요?
떠오르는 모바일 트렌드! PWA는 뭐고 어떻게 만드는지 알아보기로 해요.
# PWA
# 네이티브 앱
# 웹앱
# 하이브리드 앱
# 크로스 플랫폼
#
GrqphQL이 뭔가요?
REST API와는 또 다른 신선함! GraphQL의 매력을 알아볼까요?
# GraphQL
# REST API
#
REST API가 뭔가요?
웹 개발자라면 꼭 알아야 할 REST API. 쉽게 설명해드립니다.
# REST API
# api
#
앵귤러, 리액트, 뷰가 뭔가요?
프론트엔드에도 프레임워크가 있다? SPA를 알아봅니다.
# Angular
# React
# Vue
# SPA
# 프론트엔드
#
쿠키, 세션, 캐시가 뭔가요?
어렴풋이 알지만 어떻게 다른지 헛갈리는 세 용어. 확실하게 알아보자구요.
# 쿠키
# 세션
# 캐시
#
왜 익스플로러를 싫어하나요?
웹 개발자들의 철천지 원수 익스플로러! 웹표준을 지키자구요.
# 브라우저
# 웹표준
# 크로스 브라우징
# 익스플로러
#
MVC 웹 프레임워크가 뭔가요?
Model? View? Controller? 코드와 함께 쉽게 알아봅니다.
# MVC
# 동적 웹
# 프레임워크
# 라이브러리
#
정적 웹은 뭐도 동적 웹은 뭔가요?
왜 HTML, CSS, JS로는 부족할까요? 정적과 동적 웹의 차이를 알아봅니다.
# 정적웹
# 동적웹
#
HTML, CSS JavaScript가 뭔가요?
웹사이트 개발의 핵심이 되는 삼총사! '갖다놓고 꾸미고 시킨다'를 기억하세요.
# HTML
# CSS
# 자바스크립트
#
# 브라우저
...
🌏 Why not change the world?