프런트엔드 개발이란 무엇인가요?

환영합니다! 이제 프런트엔드 개발을 배우게 됩니다. 지금까지 제공한 과정 중 가장 친절하고 짧게 나누어진 과정이므로 빠르게 끝까지 진행할 수 있습니다.

각 장면은 짧고 간단합니다. 한 번에 아주 작은 아이디어 하나만 다룹니다. 긴 글도 없고 부담도 없습니다. 충분히 해낼 수 있습니다.

모든 수업 아래에 보라색 ✨ 인공지능 멘토 버튼이 보이시나요? 이 버튼은 여러분의 개인 튜터입니다. 모바일과 웹에서 무료로 사용해 볼 수 있으며 언제든 이용할 수 있습니다.

막힐 때마다 버튼을 누르고 필요한 도움을 선택하십시오.

• 💡 쉽게 설명하기 — 이해하기 어려운 내용을 쉬운 말로 바꿉니다
• 📋 단계별로 보기 — 문제를 명확한 단계로 나눕니다
• 🗣️ 일상적인 예시 — 실제 생활과 연결합니다

미니 퀴즈, 코드 예시, 질문하기도 있습니다. 무엇이든 물어보십시오. 여러분은 결코 혼자 배우지 않습니다. 💜

모국어로 학습하고 싶으신가요? 가능합니다!

레슨 오른쪽 상단의 🌐 번역 버튼을 누르고 언어를 선택하세요. 모든 레슨이 즉시 자신의 언어로 표시됩니다.

언제든 다시 전환하실 수 있으니, 가장 편하게 느껴지는 방식으로 학습하세요. 🙌

프런트엔드는 웹사이트에서 여러분이 SEE하고 CLICK하는 모든 것입니다. 버튼, 텍스트, 색상, 레이아웃이 모두 여기에 해당합니다. 사람들이 실제로 직접 사용하는 부분입니다.

프런트엔드는 식당으로 치면 식사 공간입니다. 테이블과 메뉴, 장식에 해당합니다. 뒤쪽 주방은 백엔드입니다. 손님이 즐기는 부분을 만드는 것입니다.

프런트엔드는 크롬이나 사파리 같은 브라우저에서 작동합니다. 누군가 페이지를 열면 여러분의 작업 결과가 바로 화면에 나타납니다.

프런트엔드 개발자로서 화면이 어떻게 보이고 어떤 느낌을 줄지 결정합니다. 버튼이 크고 친근한가요? 텍스트를 읽기 쉬운가요? 바로 여러분의 솜씨입니다.

앱, 온라인 상점, 대시보드, 자주 보는 소셜 피드에도 프런트엔드가 있습니다. 한 번 알아차리면 계속 보입니다!

이제 프런트엔드가 실제로 무엇인지 알게 되셨습니다. 쉽죠? 다음은 모든 프런트엔드 개발자가 무엇이든 만들 때 사용하는 세 가지 도구입니다.

확실히 익혀 봅시다. 프런트엔드는 웹사이트의 어느 부분일까요?