Framework
프레임워크
특정 종류의 프로그램(웹·앱·AI 서비스 등)을 만들 때 자주 쓰이는 구조와 기능을 미리 만들어 둔 '뼈대 코드 묶음'으로, 개발자가 매번 처음부터 짜지 않고 빠르게 결과를 내도록 도와주는 도구입니다.
쉽게 말하면?
건물을 지을 때 기초·기둥·지붕이 이미 세워진 모델 하우스를 사 와서 인테리어만 바꾸는 방식과 비슷합니다. React·Next.js(웹)·React Native(모바일)·Django(파이썬 백엔드)·Spring(자바 백엔드) 같은 도구가 모두 프레임워크입니다. 한국에서는 토스·당근·배민이 Next.js 프레임워크를, 미국에서는 Netflix·Airbnb가 같은 프레임워크를 씁니다. 입문자에게 프레임워크는 '바퀴를 새로 발명하지 않게 해 주는 표준'이라고 이해하면 충분합니다.
한 줄로 비유하면?
프레임워크는 빌트인 가구 풀패키지 아파트입니다. 들어가서 바로 살 수 있게 기본이 다 준비돼 있습니다.
어디에 쓰이나?
Next.js 프레임워크
웹 서비스 표준 프레임워크. 이 사이트(ai.percent.ac)도 Next.js 위에서 동작합니다.
결과: 입문자가 첫 화면을 한 시간 안에 띄울 수 있습니다.
Django 프레임워크 · 한국 활용
한국 정부 사이트(데이터·통계·민원)와 카카오뱅크 일부 백엔드가 Django(파이썬 프레임워크)로 만들어졌습니다.
결과: 보안·관리 화면이 빠르게 만들어집니다.
주의할 점은?
프레임워크가 입문자에게 중요한 이유는 세 가지입니다.
첫째, 표준 흐름을 따르게 해 줍니다. 폴더 구조·코드 스타일·테스트 방식이 정해져 있어서, 다른 사람 코드를 이해하기 쉽습니다.
둘째, AI 코딩 도구의 정확도가 올라갑니다. Cursor·Claude Code는 표준 프레임워크의 패턴을 잘 알고 있어서, 비전공자가 'Next.js로 블로그 만들어 줘'라고만 해도 동작하는 코드가 나옵니다.
셋째, 프레임워크 선택 = 생태계 선택입니다. Next.js를 고르면 Vercel·v0·React·TypeScript 생태계가 따라옵니다. 첫 프레임워크 선택이 향후 1~2년의 학습 경로를 결정합니다.
어떻게 발전해 왔나?
관련 태그
참고 자료
- roadmap.sh — 프레임워크 학습 공식 대표 페이지 · roadmap.sh · 2026 접속 — https://roadmap.sh/frontend/frameworks
- State of JS 2024 — 프레임워크 만족도 통계 · Devographics · 2025 — https://stateofjs.com/
- Stack Overflow Survey 2024 — 프레임워크 점유율 · Stack Overflow · 2024 — https://survey.stackoverflow.co/2024/
- Next.js 공식 사이트 — 대표 프레임워크 · Vercel · 2025 — https://nextjs.org/
- Django 공식 사이트 — 대표 백엔드 프레임워크 · Django Foundation · 2025 — https://www.djangoproject.com/
대표 출처
roadmap.sh Frameworks Guide이 페이지에 대한 의견을 남겨주세요
여러분의 의견은 다음 갱신에 반영됩니다.