Language/JavaScript

자바스크립트에서 폼(form)이란, 사용자가 어떠한 정보를 입력할 수 있게 해주는 웹 요소이다. 이런 form을 사용하여 여러가지 기능을 구현할 수 있다. 어떻게 활용할 수 있는지 알아보자. Submit 일반적으로 form의 내용을 전송할 때, input에서 type="submit"으로 설정하여 사용한다. 이는 form 태그 내에 입력된 데이터를 서버로 전달해준다. Notebook 위처럼 form 태그 안에 type이 text인 input 하나와 type이 submit인 input을 생성해주었다. 여기서 submit라는 행동이 발생할 경우를 자바스크립트에서 제어해주었다. const loginForm = document.querySelector("#login-form"); const loginInput =..

우리의 일상과 시간은 아주 밀접하게 관련되어 있다. 이 글을 쓰는 지금도 시간은 흐르고 있고, 평일이나 주말, 친구와의 약속, 출근-퇴근 시간을 알고 지키려면 매 순간 날짜와 시간을 알아야 하는 것은 필수적인 행위이다. 그렇다면 자바스크립트에서 현재 날짜와 시간을 나타내려면 어떻게 해야할까? JS에는 Date()라는 객체가 있다. const date = new Date(); console.log(date); 위처럼 새로운 객체를 생성할 수 있다. 그리고 이 객체를 생성해서 console에 출력해보면, Thu Mar 17 2022 21:57:35 GMT+0900 (한국 표준시)라는 정보가 나온다. 여기서 오늘의 연도, 월, 일, 요일, 시, 분, 초와 같은 날짜와 시간들을 구하려면 어떻게 해야하는지 살펴보..

preventDefault() 이 함수는 기본값으로 설정된 행동을 동작하지 않도록 막아준다. Go to courses 예시로 html의 일부분인 input과 a 태그를 가져와봤다. 버튼에서 input의 type이 "submit"로 설정되어 있는데, 내용을 콘솔로 입력 받는다고 해도 아주 잠깐 입력값이 뜨고 다시 창이 새로고침 되어 내용이 사라지게 된다. 따라서 이번에 배운 preventDefault 함수를 사용해주어야 입력 받은 값이 사라지지 않게 할 수 있다. const loginForm = document.querySelector("#login-form"); const loginInput = loginForm.querySelector("input"); function onLoginSubmit(even..