프론트엔드와 백엔드는 화면과 서버로만 나누면 실제 협업을 설명하기 어렵습니다. 예를 들어 사용자가 회원 가입 폼을 제출할 때 두 영역은 입력 검증과 오류 안내, 저장과 응답 규약을 함께 정해야 합니다.
프론트엔드
사용자가 보는 폼, 입력 도움말, 로딩·오류 상태와 모바일 화면을 구현합니다. 접근 가능한 레이블과 오류 설명은 W3C 폼 접근성 가이드에서 확인할 수 있습니다. 브라우저에서 값을 검증해도 서버 검증을 대체할 수는 없습니다.
백엔드
요청을 받아 데이터 형식을 확인하고 저장하거나 오류 응답을 돌려줍니다. 권한과 데이터 보호도 다룹니다. Spring REST 입문 예제는 요청과 응답의 최소 구조를 보여 줍니다.
직무 선택
화면 동작과 접근성에 관심이 크다면 프론트엔드를, 데이터 모델과 서버 동작에 흥미가 있다면 백엔드를 작은 프로젝트로 먼저 경험해 보세요. 둘 다 알아야 협업이 쉬워집니다. 프로젝트를 설명하는 법은 IT 포트폴리오 가이드를 참고하세요.