1. autofocus

페이지가 로드 된 시점에 ID 입력 창에 Focus가 되어 있어야 합니다.

구현방법 1

JS로 구성하기

// 1. 페이지가 로드 된 시점에 ID 입력 창에 Focus가 되어 있어야 합니다.
// 대상 : ID 입력 input
// 시점 : 페이지가 로드 되었을 때
// 이벤트 : Focus()
//id element $을 붙히는 이유는 DOM Element를 뜻하는 관습
const $id = document.getElementById('id') 

//window의 addEventListener를 붙힌 이유는 페이지 로딩될때 실행하도록 하기 위함
window.addEventListener('load', () => $id.focus())

구현방법 2

html input 속성 활용하기

<input
    id="id"
    class="shadow border rounded w-full py-2 px-3 text-gray-700"
    type="text"
    placeholder="아이디를 입력해주세요."
    autofocus
/>