1/4
개발
Frontend란?
웹사이트나 앱에서 사용자가 직접 보고 만지는 화면 부분을 만드는 영역으로, 버튼·메뉴·애니메이션처럼 눈에 보이는 모든 것을 다루는 개발 분야입니다.
CARD NEWS · 개발
SNS·수업 자료·발표 슬라이드에 붙여 쓰기 좋은 4장 세트입니다. 화면을 캡처하거나 브라우저의 인쇄 기능으로 PDF를 저장해 공유할 수 있습니다.
웹사이트나 앱에서 사용자가 직접 보고 만지는 화면 부분을 만드는 영역으로, 버튼·메뉴·애니메이션처럼 눈에 보이는 모든 것을 다루는 개발 분야입니다.
음식점에 비유하면 프론트엔드는 '홀'입니다. 손님이 앉는 자리, 메뉴판, 종업원의 응대 — 직접 보고 경험하는 모든 것이 프론트엔드입니다. 한국에서 토스·당근·배민의 화면을 만드는 사람들이 모두 프론트엔드 개발자입니다. js·TypeScript·Tailwind 같은 도구가 표준이 됐습니다. AI 시대에는 v0·Cursor 같은 도구가 화면 코드를 자동으로 그려 주어, 비전공자도 프론트엔드를 직접 만들 수 있게 됐습니다.
js로 만들어진 프론트엔드입니다. com/daangn}}. 결과: 사용자가 떠나지 않고 머무는 시간이 길어집니다. js 프론트엔드 코드를 생성합니다. com/blog}}. 결과: 비전공자가 1시간 안에 첫 화면을 가질 수 있습니다.
카드를 캡처하거나 브라우저 인쇄 → PDF로 저장하면 인스타·수업 자료에 쓸 수 있습니다. CC BY-SA 4.0에 따라 출처(AI for Everyone by Percent · ai.percent.ac)와 라이선스를 표시하면 상업적으로도 이용할 수 있습니다. 내용을 바꿨다면 그 사실을 밝히고 같은 라이선스로 공유해 주세요.