정말 사소한 정보지만 몰랐던 내용이고 신기해서 기록합니다.
사실상 웹 개발을 혼자 배우고 프로젝트에 필요한 내용만 배우다 보니 순수 JS로 코드를 작성하는 경험이 부족해서 새로운 정보인 듯싶습니다.
<form action="/">
<input
type="text"
placeholder="something"
aria-label="some"
name="something"
/>
</form>
form 요소 내부에 있는 input 요소의 속성 중 name에 값을 주고 submit 동작을 진행하면 name과 input의 값이 요청한 URL의 쿼리로 들어가게 됩니다.
예를 들어 위 form을 submit 하면 '/?something=blabla'라고 하는 URL로 이동하게 됩니다.
평소에 submit 할 때 event.preventDefault()를 사용해 기본적인 form의 동작을 사용하지 않았기 때문에 몰랐던 부분입니다.