실제로 사라지고 있는 프론트엔드 스킬 (당신이 생각하는 것과는 다르게)

발행: 4시간 전 (2026년 4월 6일 PM 12:05 GMT+9)

11 분 소요

원문: Dev.to

Source: Dev.to

표지 이미지: 실제로 사라지고 있는 프론트엔드 스킬 (당신이 생각하는 것이 아니라)

모두가 jQuery와 PHP를 비난하고 있습니다. 실제 목록은 다르고, 더 불편하며, 지금 여러분의 커리어에 훨씬 더 관련이 깊습니다.

오늘 개발자 포럼을 하나 열어보면, 누군가가 무언가가 사라졌다고 선언합니다—jQuery, PHP, CSS 등. 이러한 주장 대부분은 틀리거나, 재활용된 것이거나, 둘 다입니다.

이 글은 그런 글이 아닙니다.

두 명의 개발자. 동일한 연차. 한 사람은 계속 인터뷰를 받고, 다른 사람은 계속 무시당합니다.

차이는 재능이 아니라, 그들이 아직도 고수하고 있는 스킬에 있습니다.

Source: …

먼저, 모두가 사라진다고 말하는 — 하지만 사라지지 않은 기술들

jQuery는 전체 웹사이트의 75 % 이상에서 사용됩니다. W3Techs가 수년간 추적해 왔으며, 그 비율은 거의 변하지 않습니다.
WordPress는 전체 웹의 43 %를 구동하며, PHP 위에서 동작합니다.

이것들은 사라지지 않습니다. 더 이상 걱정하지 마세요.

진짜 리스트는 다르며, 우리에게 더 가까이 다가옵니다.

#5 — CSS를 완전히 처음부터 작성하기

이것은 실제 기술이었습니다: cascade, specificity, 레이아웃 모드 등을 이해하는 것. 개발자들은 이를 숙달하는 데 수년을 투자했습니다.

하지만 워크플로우는 변했습니다.

Tailwind가 이제 주류이며, 논란이 없습니다.
CSS Modules가 아키텍처를 담당합니다.
Design tokens가 값들을 관리합니다.
AI가 대부분의 보일러플레이트 코드를 처리합니다.

이러한 도구들에 전혀 노출되지 않은 순수 CSS만 작성하는 개발자는 채용 공고에서 점점 드물어지고 있습니다. 기술 자체는 여전히 유효하지만, 그 주변 워크플로우는 진화했습니다.

#4 — 크로스‑브라우저 CSS 해킹

2016년 이전에 프론트엔드를 배웠다면 이 고통을 기억할 겁니다: 벤더 프리픽스, 조건부 주석, IE‑전용 레이아웃 버그 등. 이것은 실제 전문 분야였습니다.

Internet Explorer는 2022년 6월에 수명을 마감했습니다. 이제 모든 주요 브라우저는 evergreen이며 자동 업데이트됩니다. Apple, Google, Microsoft, Mozilla가 공동으로 진행하는 Interop 이니셔티브는 2021년 이후 매년 호환성 격차를 좁혀오고 있습니다.

Browserslist와 autoprefixer 같은 도구가 남은 작업을 자동으로 처리합니다.

IE 레이아웃 디버깅에 쏟았던 시간이 이제는 사라진 작업 카테고리가 되었습니다. 그 전문성은 더 이상 시장에서 요구되지 않습니다.

#3 — UI 컴포넌트를 완전히 처음부터 만들기

제로부터 모달을 구현한다는 것은 의미가 있었습니다: 포커스 트래핑, ARIA 속성, 키보드 네비게이션, 스크롤 잠금 등. 정말 어려운 작업이었죠.

이제 shadcn/ui, Radix UI, Headless UI 같은 라이브러리가 대부분의 개발자가 처음부터 구현하기보다 더 나은 솔루션을 제공합니다. 접근성 부분까지 포함됩니다.

대부분의 현대 팀에서는 기본 라이브러리 없이 제로부터 모달이나 날짜 선택기를 만드는 것이 특별한 이유가 없으면 허용되지 않습니다. 이력서에 **“맞춤 UI 컴포넌트를 구축함”**이라고만 적어도 이제는 레거시 신호로 보이며, 차별점이 되지 않습니다.

#2 — jQuery‑특화 패턴

jQuery 자체가 아니라, 그 주변에 구축된 패턴들입니다:

$.ajax()와 deferred 체이닝
플러그인 아키텍처
모든 것을 jQuery 객체에 감싸는 사고 방식

Fetch API가 $.ajax()를 네이티브하게 대체합니다. querySelector가 jQuery 선택자를 대체합니다. 이벤트 위임도 이제 네이티브로 지원됩니다.

오늘날 새로운 회사에 입사하는 개발자는 jQuery‑우선 코드베이스보다 React나 Vue 코드베이스에 들어갈 가능성이 훨씬 높습니다. jQuery를 아는 것은 괜찮지만, 제품 중심 기업을 목표로 하는 이력서에 이를 주요 기술로 나열하는 것은 다른 이야기입니다.

#1 — 수동 Webpack 및 Babel 설정

수년간, 처음부터 Webpack을 설정하는 방법을 아는 것은 실제로 시장성이 있었습니다: 엔트리 포인트, 로더, 플러그인, 코드‑스플리팅, 그리고 트리‑쉐이킹. 시니어 프론트엔드 개발자는 이를 숙련되게 알아야 했습니다.

그런 다음 Vite가 등장했고, Create React App은 공식적으로 폐기되었습니다. Vite는 이제 새로운 프로젝트의 기본이 되어 대부분의 무거운 작업을 자동으로 처리합니다. Webpack 내부 구조를 아는 것은 여전히 가치가 있지만, 제로‑컨피그 도구로 현대적인 개발 환경을 즉시 구축할 수 있는 능력이 이제 고용주가 기대하는 바입니다.

Bottom line: 사라져 가는 것처럼 보이는 기술은 실제로는 진화하고 있습니다. 그 기본에 둘러싼 최신 워크플로와 도구에 집중하면 오늘날의 취업 시장에서 계속 경쟁력을 유지할 수 있습니다.

React, Vue, 및 Svelte 프로젝트

그들의 기본 설정은 이전에 Webpack 튜닝에 몇 시간씩 걸리던 작업을 처리합니다.

대규모 레거시 코드베이스를 유지 관리하고 있다면 깊은 Webpack 지식이 여전히 중요하지만, 시작하는 개발자가 우선순위에 두어야 할 사항은 아닙니다. 그 기회는 이미 닫혔습니다.

무엇이 그것들을 대체했는가

스킬이 사라지고 – 무엇이 대체했는가?

수작업 CSS → Tailwind, 디자인 토큰, AI‑지원 스타일링
크로스‑브라우저 해킹 → 최신 브라우저
Interop 이니셔티브 → shadcn/ui, Radix, Headless UI 의 커스텀 컴포넌트
jQuery‑전용 패턴 → Fetch API, 네이티브 DOM, 최신 JS
수동 빌드 도구 → Vite, Turbopack, 제로‑컨피그 기본값

왜 이것이 불편하게 느껴지는가

이것들은 단순한 지름길이 아니라 당시 올바른 방식이었습니다.
업계는 공식적인 발표 없이 스킬을 은퇴시킵니다. 어느 해에는 기술이 표준이었지만, 몇 년 뒤에는 구인 공고에서 조용히 언급이 사라집니다.

이것이 브라우저에 가깝게 작업하는 본질이며, 플랫폼은 계속 움직이고 있습니다.

유일하게 중요한 것

프론트‑엔드는 진입 장벽이 높아지는 것이 아니다.
관심을 기울이지 않으면 최신성을 유지하기가 더 어려워진다.

성공하는 개발자는 모든 새로운 프레임워크를 쫓는 사람이 아니라, 작업 범주가 도구에 흡수될 때 이를 인지하고 적절히 조정하는 사람입니다.

사라지고 있는 스킬은 모두가 논쟁하는 것이 아니라,
새 프로젝트에서 조용히 사라진 것들입니다. 모두가 jQuery 논쟁에 바쁘던 시기에 사라졌습니다.

오늘 개발자로서 뭔가 좋은 것을 배웠나요?
그렇다면 사랑을 보여 주세요.

Developer’s Journey 를 구독하여 지원을 보여 주세요.

실제로 사라지고 있는 프론트엔드 스킬 (당신이 생각하는 것과는 다르게)