Frontend 4장 카드뉴스

웹사이트나 앱에서 사용자가 직접 보고 만지는 화면 부분을 만드는 영역으로, 버튼·메뉴·애니메이션처럼 눈에 보이는 모든 것을 다루는 개발 분야입니다.

음식점에 비유하면 프론트엔드는 '홀'입니다. 손님이 앉는 자리, 메뉴판, 종업원의 응대 — 직접 보고 경험하는 모든 것이 프론트엔드입니다. 한국에서 토스·당근·배민의 화면을 만드는 사람들이 모두 프론트엔드 개발자입니다. 2010년대 초반까지는 단순히 HTML·CSS·JavaScript만 알면 됐지만, 지금은 React·Next.js·TypeScript·Tailwind 같은 도구가 표준이 됐습니다. AI 시대에는 v0·Cursor 같은 도구가 화면 코드를 자동으로 그려 주어, 비전공자도 프론트엔드를 직접 만들 수 있게 됐습니다.

[당근마켓 · 모바일 웹] 구분: 당근마켓 웹 화면은 React + Next.js로 만들어진 프론트엔드입니다. 수치: 당근 기술 블로그에 따르면 첫 화면 로딩 시간이 0.8초 이하로 유지됩니다 {{src:당근 기술 블로그|https://medium.com/daangn}}. 결과: 사용자가 떠나지 않고 머무는 시간이 길어집니다. [v0 · AI가 만든 프론트엔드] 구분: Vercel의 v0는