프론트엔드와 UI·UX는 겹치는 부분이 있지만 같은 직무는 아닙니다. UI·UX 설계는 사용자의 과제와 화면 흐름을 다루고, 프론트엔드 개발은 그 흐름을 웹에서 동작하도록 구현·검증합니다. 조직에 따라 역할 경계는 달라질 수 있습니다.
프론트엔드 기본 역량
HTML 의미 구조, CSS 반응형 배치, JavaScript 동작과 네트워크 요청을 이해한 뒤 프레임워크를 배우세요. React 공식 학습은 컴포넌트, 상태와 이벤트의 기본을 설명합니다. 프레임워크 이름을 나열하는 것보다 접근 가능한 화면을 만드는 경험이 중요합니다.
UI·UX와 협업
디자인 시안에는 정상 화면만 있는 경우가 많습니다. 빈 데이터, 오류, 느린 로딩, 키보드 탐색, 작은 화면의 동작을 함께 정해야 합니다. W3C 폼 접근성 안내는 레이블과 오류 안내 같은 기본을 확인하는 데 도움이 됩니다.
진로 선택
사용자 조사와 화면 흐름 설계에 더 관심이 있으면 UX 영역을, 인터랙션 구현과 성능·접근성 검증에 흥미가 있으면 프론트엔드를 깊게 탐색하세요. 결과물은 프론트엔드 포트폴리오 기준으로 점검하세요.