바닐라 JS_7_Form,submission,argument

Youmi Choi (Blake)·2021년 9월 6일
0

JS

목록 보기
8/13
post-thumbnail

배운점

1>

const loginInput = docoument.querySelctor("#login input");
querySelctor는 css 선택자 방식을 사용하여 불러오는 것
(class는 .으로 시작, id는 #으로시작)

위 예시는 로그인을 id로 하는 태그안에 input태그를 선택한 것.

2>

console.dir(loginInput);
하면 안에 들어있는 여러 객체들 나오고 거기서 value도 찾을 수 있음.
예시> loginInput.value

3>

html input기능은

<div>일때 안 되고
<form> 안에서  

maxlenght나 required 등 사용 가능.

4>

classlist 랑 classname차이
list는 개별 클라스 지정하여 변경 가능 name은 속성값 전체 다 바꿈

5>

html form 안에 input에 입력하고 엔터누르거나 ,
button을 누르면 자동으로 submit이 됨.
이 동작 할때마다 폼이 제출되면서
브라우저가 계속 초기화가 되어 안 좋음..
따라서 기본함수 preventDefault 사용 : 브라우저의 기본 동작을 막아줌

예시>
event.preventDefault();

6>

js가 어떠한 정보를 담을 수 있게 만든 공간이 argument(매개변수).
예시> argument가 event라고 하면 js가 알아서 어떠한 정보를 event안에 담은채로 함수를 호출함.

느낀점

아직 html을 따로 공부 하지 않아서 인지, 기본적인 부분인데도 새롭게 배운 것이 많았다. 클론 코딩하면서 이론보다는 사용하는 주요기능들을 먼저 접하면서 지루하지 않고 재밌었다.

노마드코더 클론코딩 인강을 통하여 배운 것을 복습하는 포스팅이므로 잘못된 정보는 예쁜말로 피드백 주시면 언제나 감사합니다.

profile
꾸준함을 통해 완벽을 추구합니다.

0개의 댓글