Jeden Tag, aufrichtig und lustig.

프로젝트를 진행 할 때 form작업을 자주 하게 된다. CDN을 활용해서 리액트에서 폼을 만들 때 유용한 정보를 아래에 정리해보았다. Form submit 사용자가 폼을 제출 할 때 특정 사이트(ex.여기어때)로 연결하여 검색값을 받아 올 수 있게 하려면 input의 name 프로퍼티를 활용 할 수 있다. input에 name 속성을 활용 할 때는 key를 설정해야한다. 설정하는 key 이름은 폼을 제출(submit) 할 때 실행되는 action 주소의 쿼리스트링에 따라 달라진다. 아래와 같은 경우는 물음표('?') 뒤 쿼리스트링이 'keyword'이기 때문에 input name프로퍼티의 value값을 'keyword'로 설정하면 된다. 이렇게 하면 쿼리스트링의 key값으로 keyword가 지정되고 va..

form 폼은 사용자가 데이터를 입력할 수 있게 만든 것으로 '입력양식'이라고도 한다. 로그인창이나 검색창에서 찾아볼 수 있다. 폼의 동작 과정 폼의 동작과정은 다음과 같다. 1. 사용자가 데이터 입력 2.데이터 웹서버로 전송 3.데이터베이스에서 데이터 확인 4.결과 웹브라우저에 전송 폼을 만드는 태그이다. 사이에 여러 폼 요소를 넣는다. ex. 다양한 폼 요소 하나의 폼 안에서 구역을 구분하여 표시할 때 사용하는 태그다. 로 묶은 그룹에 제목을 붙이는 태그다. 태그와 같은 폼 요소에 레이블을 붙일 때 사용한다. *레이블이란 입력란 가까이에 붙여 놓은 텍스트이다. 레이블 사용하는 방법 1. 아이디(10자 이상) 2. 아이디(10자 이상) 두번째 방법은 태그와 태그가 떨어져 있어도 둘 사이를 쉽게 연결할 ..