주요 특징

- 정적 HTML과 테이블 레이아웃

대부분의 웹 페이지는 <table>을 이용해 고정된 레이아웃을 구성했습니다.

이는 페이지를 나누어 콘텐츠를 정리하는 기본적인 방법이었으나, 유연성이 부족했습니다.

- JavaScript의 제한적 사용

JavaScript는 단순한 기능, 예를 들어 알림창 팝업, 탭과 같은 기본 상호작용만을 구현했습니다.

- 페이지 로딩 문제

네트워크 속도가 느려 이미지 사용이 제한적이었고, 텍스트 위주의 간단한 페이지가 대부분이었습니다.

- 접근성과 정보 구조 부족

웹 접근성에 대한 고려가 거의 없었고, 사용자들이 직관적으로 정보를 찾기 어려웠습니다.

주요 직군

- 웹 마스터(Web Master)

모든 웹 관련 작업을 총괄하는 역할. 기획부터 콘텐츠 작성, 서버 관리까지 담당했습니다.

- HTML 코더(Markup Developer)

콘텐츠 작성 및 간단한 HTML 레이아웃 구성.

- 웹 디자이너(Web Designer)

시각적 디자인과 기본적인 HTML 코딩을 병행했습니다.

주요 특징

- 브라우저 호환성 문제

각기 다른 브라우저 엔진으로 인해 동일한 웹사이트가 다르게 보이는 크로스 브라우저 문제가 발생했습니다.

CSS 해킹과 폴리필을 통해 이를 해결하려는 시도가 많았습니다.

- CSS 도입으로 스타일 관리

CSS는 HTML에서 스타일을 분리하여 유지보수를 쉽게 만들었고, 웹퍼블리셔라는 직종이 등장해 이를 담당하게 되었습니다.

- Flash의 도입과 퇴출

Flash는 멀티미디어 콘텐츠와 애니메이션을 가능하게 했지만,

보안 문제와 플러그인 설치의 불편함으로 2007년 iPhone에서 지원되지 않으면서 점차 사용이 줄어들게 됐습니다.

- 웹 접근성 표준의 도입

2000년대 중반에 W3C가 웹 접근성 가이드라인을 제정하면서 접근성에 대한 관심이 확대되었습니다.

- jQuery의 등장

jQuery는 JavaScript의 활용성을 높이고, 코드 작성을 단순화하면서 웹 개발자들에게 큰 인기를 끌었습니다.

주요 직군

- 웹퍼블리셔(Web Publisher)

HTML과 CSS로 콘텐츠 구성 및 스타일링을 담당. 웹표준 코딩으로 인한 크로스브라우징 작업.

- 플래셔(Flasher)

Flash를 이용한 웹페이지 각각 요소들의 제작(네이게이션 그 외 애니메이션).

- 웹 접근성과 성능 최적화

ARIA 표준의 도입으로 접근성이 강화되었고, 이미지 압축과 코드 스플리팅 등을 통해 성능이 최적화되었습니다.

- Flash의 퇴출

보안 문제와 모바일 기기 비지원으로 인해 2017년 Adobe가 2020년까지 Flash 지원 종료를 발표하면서 HTML5가 표준으로 자리 잡았습니다.

주요 직군

- 웹퍼블리셔(Web Publisher)

접근성 이슈가 대두 되면서 접근성 작업,

2010년 초기부터 jQuery, javascript 를 활용하여 UI 상호작용 구현 하였으며, Flash의 대체로 사용되는 부분을 제작

- 프론트엔드 개발자(Frontend Developer)

HTML5, CSS3, JavaScript 프레임워크를 사용해 UI와 사용자 상호작용 구현.

- UI/UX 엔지니어(UI/UX Engineer)

사용자 경험을 강화하고 접근성을 개선하는 데 집중.

- 풀스택 개발자(Full-Stack Developer)

프론트엔드와 백엔드를 모두 다루며 웹 애플리케이션 전체 개발.

주요 직군

- 프론트엔드 엔지니어(Frontend Engineer)

최신 프레임워크와 Jamstack 아키텍처를 활용해 성능과 보안을 강화합니다.

- 풀스택 개발자(Full-Stack Developer)

PWA 및 전체적인 웹 애플리케이션 관리.

- 웹 성능 최적화 전문가(Web Performance Optimization Specialist)

Core Web Vitals 최적화를 통해 페이지 로딩 속도와 반응성을 개선.

- DevOps 엔지니어(DevOps Engineer)

CI/CD 구축 및 클라우드 관리로 운영 효율성을 높임.