🌱 기초 프론트엔드
폼(Form)이 뭔가요?
쉽게 이해하기
은행에서 계좌 개설할 때 작성하는 신청서를 떠올려보세요. 이름, 주소, 전화번호를 적는 빈 칸들이 있고, 다 작성하면 제출 버튼을 누르죠. 웹의 폼도 똑같아요. 사용자가 정보를 입력하고 제출하면, 그 데이터가 서버로 전송돼요.
핵심 정리
폼은 사용자로부터 정보를 입력받는 웹의 입력 양식이에요.
자세히 알아보기
폼은 웹에서 사용자 입력을 받는 가장 기본적인 방법이에요. 로그인, 회원가입, 검색창, 설문조사 등 사용자가 뭔가를 입력해야 하는 모든 곳에서 폼을 사용해요.
폼은 여러 입력 요소로 구성돼요. 텍스트를 입력받는 인풋(input), 여러 줄의 글을 받는 텍스트에어리어(textarea), 선택지를 고르는 라디오 버튼이나 체크박스, 날짜를 선택하는 날짜 선택기 등이 있어요. 이런 요소들을 조합해서 필요한 정보를 받아요.
프론트엔드 개발자는 폼을 만들 때 여러 가지를 신경써야 해요. 입력값이 올바른지 검증하기(이메일 형식 맞는지, 비밀번호 길이 충분한지 등), 에러 메시지 보여주기, 폼 제출할 때 중복 제출 막기, 사용자 경험을 좋게 만들기 등이죠.
실무에서 폼은 정말 자주 다뤄요. 좋은 폼은 사용자가 쉽고 빠르게 입력할 수 있게 도와주고, 잘못된 입력은 친절하게 안내해줘요. 전환율(사용자가 실제로 폼을 완성하는 비율)에 직접적인 영향을 미치기 때문에, 디자인과 사용성을 많이 고민해야 하는 영역이에요.