자바스크립트 정리

var, let, const 모두 변수선언. 단 차이점 존재

https://www.freecodecamp.org/korean/news/var-let-constyi-caijeomeun/

Var, Let, Const의 차이점은?

문법을 좀 더 공부하고 읽어야 할듯.

이해안되는거 consol 뭐시기. 이부분 이해하..

 

HTML & CSS & DOM 정리

https://velog.io/@jummi10/HTML-CSS-DOM

HTML & CSS & DOM

• item()은 해당 HTML 객체 집합(object collection)에서 전달받은 인덱스에 해당하는 요소를 반환한다.

특히 dom에서 이해 안되는 item()에 대한 설명이 있으니 참고.

---

1. 문법

- 자바스크립트 실맹문은 ;세미콜론으로 구분., 대소문자 구분.

- 리터럴은 직접 표현되는 값 그 자체 의미.

   ex) 숫자 리터럴 (1, 2), 문자열 리터럴 ("javaScript"), 불리언 리터럴( true )

- 주석

1. 한 줄 주석 : // 주석문

2. 여러 줄 주석 : /* 주석문 */

 

---

2. 출력

자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다.

자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다.

 

1. window.alert() 메소드

<script>

    function alertDialogBox() {

        alert("확인을 누를 때까지 다른 작업을 할 수 없어요!");

    }

</script>

* window 객채는 모든 메소드나 프로퍼티를 사용할 때 window 접두사 생략 가능

 

2. HTML DOM 요소를 이용한 .innerHTML 프로퍼티

 - dom은 위에 있는 링크를 참조하자. 좀 어렵다. 가장 많이 쓰임.

 - .innerHTML하면 element안의 요소를 가져옴... 이해 못해도 일단 넘어가자.

var str = document.getElementById("text"); //text는 id값
str.innerHTML = "이 문장으로 바뀌었습니다!";

document.getElementById("str").innerHTML = //str은 id값
	firstStr + "<br>" + secondStr + "<br>" + thirdStr + "<br>" + fourthStr + "<br>";

이런식으로 .innerHTML을 .으로 바로 뒤에 붙여 쓰기도 됨.

 

그러니까 getElemntById() 메소드(함수)를 통해 HTML요소를 선택하고 .innerHTML = "변경할 내용" 프로퍼티(변수)를 이용해 HTML요소의 내용이나 속성값을 변경

 

3. document.write() 메소드

 - 웹 페이지가 로딩될 때 실행됨, 가장 먼저 데이터 출력, 트스트나 디버깅을 위해 사용됨. but 하지만 웹 페이지의 모든 내용이 로딩된 후에 document.write() 메소드가 실행되면, 웹 페이지 내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력하게 되므로 주의.

 

4. console.log() 메소드

 - 콘솔을 통해 데이터 출력. 콘솔은 f12

 

일단은 여기까지.