📚 TIL
SPA
NodeJS(포스팅예정)
💡 추가 학습 내용
폼에서 이벤트 리스너를 폼의 제출(submit) 이벤트에 연결하는 것이 좋음. 이렇게 하면 사용자가 엔터 키를 눌러도 폼을 제출할 수 있어 편리함.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<form id="myForm">
<input
type="text"
name="name"
placeholder="이름 입력"
autocomplete="off"
/>
<button type="submit">제출</button>
</form>
<script>
document
.getElementById("myForm")
.addEventListener("submit", function (e) {
e.preventDefault();
const value = e.currentTarget.firstElementChild.value;
alert(`폼이 제출되었습니다! 입력한 이름 ${value}`);
});
</script>
</body>
</html>💬 마치며
강사님 가취가욥!(다급) 이라고 속으로만 999번 외친 하루였다.
자바스크립트로 SPA 구현하는 법을 배웠는데, 프레임워크에서 지원하는 거라고 듣기만 했지 바닐라 자바스크립트로 구현하는 건 처음 봐서 신기했다. 이렇게도 할 수 있군 🤔 NodeJS 부분은 순식간에 지나가 버려서 주말 복습이 필요할 것 같다.
프론트엔드 공부 기록 아카이빙🍁