쥰's 블로그

● typeof 붙이면 자료형을 확인 할 수 있다. - Number : 정수/ 실수 - String : 문자열 - Object : { key : value } - Boolean : true / false - null / undefined console.log(typeof null); console.log(typeof undefined); 했을 시 null은 defined된 상태로 null로 초기화 한다는 뜻이다. (정의하다) undefined는 값이 지정되어 있지 않아 공간도 형성되어 있지 않다. (선언하다)

클릭하면 이렇게 바뀌게 되고 클릭할 때 마다 카운트가 된다. 이번에는 js파일을 따로 만들어 작업 해볼 것이다. 이렇게 따로 js 파일을 만들어 준다. html 파일에 썼던 코드들을 복사 붙여넣기 하여 js파일에 넣어주고 html 파일에는 기존 코드들을 없애거나 주석처리해준 뒤 경로를 추가해준다. 그러면 이렇게 05.js start... 라는 표시와 함께 클릭이 카운트 된다. 여기서 'script src=경로' 를 지정할 때 defer 없이 사용하면 선언된 div 태그보다 먼저 실행되어 에러가 뜨기 때문에 defer를 함께 써 줘야 한다. ● defer 예약어로 html 을 먼저 랜더링하고 나중에 쓸 수 있게 해준다. * 스크립트는 문서를 다 작성한 뒤 body의 가장 끝에 작성하면 좋다.

- 버튼을 눌렀을 때 ● .innerhtml에 값 넣으면 d1의 값이 바뀐다. 콘솔창을 보면 이렇게 나온다. ● null : null자체로 값 ● undefined : 선언만 한 상태 (아직 공간배정이 안되어 있음, 이름 부여만 한 상태로 값 x) 콘솔창에 이렇게 입력하면 출력 값도 나온다. * console.log(tmp); 를 let tmp; 없이 사용하면 에러가 뜨게 된다.

html - 구조 만들때 사용 css - 스타일링 할 때 사용 javascript - all + 동적인 기능 사용(이벤트 처리...) ● '\n' 은 escape 문자로 enter역할 한다. - 버튼 01 눌렀을 때 - 버튼 02 눌렀을 때 - 버튼03 눌렀을 때 ● 그냥 a태그 안에 alert하면 작동이 되지 않기 때문에 javascript : alert으로 해주면 된다. ● void(0)는 아무것도 하지말라는 의미로 작업할 시 기본 설정이다. F12 눌러 콘솔창을 띄우고 버튼 3번을 클릭했을 때 콘솔창에 obj의 값이 띄워진다. ● 버튼01 ● 버튼02 는 window 객체 자체를 줌 ● 버튼03 는 새로고침 됨 (잠깐 뭐가 떳다가 사라지듯이 없어짐) ● 버튼04 이렇게 하면 버튼02..