1) 페이지 로드 수행 값 받기

document.addEventListener('DOMContentLoaded', function(){

✅ 페이지가 모든 HTML 요소를 로드한 후 실행할 코드

2) 보기 어떻게 하는가?

const btnCheckUid = document.getElementById('btnCheckUid');
const uidResult = document.getElementsByClassName('uidResult')[0];

✅ btnCheckUid: 개인 중복 확인 버튼 요소를 가져와서 저장 ✅ uidResult: 개인 중복 확인 결과를 표시할 span 요소를 저장

3) 버튼 클릭 시 실행 보기

btnCheckUid.onclick = function(){

✅ 버튼이 클릭되면 실행될 코드

4) 입력된 개인 값 가져오기

const uid = formRegister.uid.value;

✅ 사용자가 input[name="uid"] 에 입력한 값을 가져와서 uid 변수에 저장.

5) 서버에 GET 요청 보내기

fetch('/jboard/user/check.do?type=uid&value='+uid)

✅ /jboard/user/check.do URL에 type=uid&value=아이디값을 포함한 GET 요청을 보내는 역할

6) 서버 응답을 JSON 형식으로 변환

.then(response => response.json())

✅ 서버에서 발생한 응답을 JSON 형식으로 변환.

7) 발생한 결과를 표시