[JS] 오늘 배운 것들!

오늘 인스타 클론 코딩 로그인 페이지 구현을 하며 배운 것들..
기본적인 내용인만큼 꼭 숙지하고, 같은 실수는 하지 말자!!

getElementsByClassName("Class")[index]

해당 클래스를 배열로 받기 때문에 뒤에 [index]를 꼭 붙여줘야 함!
배열로 값을 가져오는 이유는 클래스는 id와 달리 여러 태그에 같은 클래스를 지정할 수 있기 때문이다.

HTML body 내에 script 태그는 제일 밑으로!

script 태그가 위에 있을 경우, HTML 태그를 다 읽지 못한 상태에서 script를 실행하게 되어 오류가 날 수 있다.

.value

<const idSelect = document.getElementsByClassName("inputIDtext")[0]
idSelect.value>

inputIDtext라는 클래스 중 첫 번째 태그의 값
.value를 통해 해당 값을 가져 올 수 있다.

함수를 정의하는 것과 호출 하는 것은 다르다.

함수 정의만으로는 함수를 실행하지 않기 때문에, 정의 후에 호출을 해주는 과정이 꼭 필요하다.

깔끔한 코딩을 위한 tip

if문에서 (condition)자리에 직접 조건을 넣어주기 보다는 그 전에 조건을 변수로 만들어 준 다음, condition자리에 변수명을 넣어 주는 것이 가독성 측면에서 더 좋은 코드가 된다.