Frontend 공부란 무엇인가#
Frontend 공부는 브라우저에 보이는 화면을 만드는 법만 배우는 일이 아닙니다. 문서의 의미를 설계하는 HTML, 다양한 화면 크기에 대응하는 CSS, 사용자 행동에 반응하는 JavaScript를 함께 이해하고 접근성·성능·유지보수성까지 고려하는 과정입니다.
Frontend를 왜 공부해야 하는가#
사용자는 서비스의 기능을 화면을 통해 경험합니다. 같은 기능이라도 구조가 명확하고 빠르게 반응하며 누구나 사용할 수 있는 화면은 더 높은 신뢰를 만듭니다. Frontend 기본기를 익히면 프레임워크가 바뀌어도 브라우저가 화면을 해석하고 그리는 원리를 기준으로 문제를 해결할 수 있습니다.
어떻게 공부하면 좋은가#
HTML로 정보 구조를 먼저 만들고 CSS로 레이아웃을 완성한 뒤 JavaScript로 필요한 상호작용을 더해 보세요. 작은 페이지를 직접 완성한 다음 Vue.js나 React 같은 프레임워크로 같은 화면을 다시 구성하면 각 도구가 해결하는 문제를 분명하게 이해할 수 있습니다.
아래 섹션은 HTML, CSS, JavaScript, Vue.js와 실전 UI 주제로 나뉩니다. 제목을 선택하면 이 사이트 안의 해당 튜토리얼로 이동합니다.