JavaScript(2)

데이터 출력

코드	설명
console.log(내용);	개발자 도구 화면의 콘솔에 출력
window.alert(내용);	내용을 메시지 창에 출력
window.prompt(메시지,기본값	내용을 메시지 창에 출력
window.confirm(메시지);	입력창에 Boolean값을 입력받을 때 사용
document.write(내용);	브라우저 화면 상의 페이지에 값 출력
태그호출구문 .innerHTML = 내용;	태그 엘리먼트의 내용을 변경하여 출력

---

HTML 태그 접근

메소드

메소드	설명
getElementById("아이디명")	태그의 id속성 값을 이용해 / 태그 엘리먼트 객체의 정보를 가져옴
getElementsByName("이름")	태그의 name속성 값을 이용해 태그 엘리먼트의 객체 정보를 배열에 담아 가져 옴 / 같은 이름의 태그가 여러개 존재할 수 있기 때문에 기본적으로 배열로 리턴
getElementsByTagName("태그명")	태그 명을 이용하여 해당 태그들의 객체 정보를 배열에 담아 가져옴
getElementsByClassName("클래스명")	태그의 class 속성 값을 이용해 태그 엘리먼트 객체의 정보를 가져옴. id와 달리 class는 동일한 class가 여러 개일수 있기 때문에 for문을 사용하거나 index값을 써줘야함.

변수

메모리(RAM)에 값을 기록하기 위한 공간

[장점]

• 가독성이 좋아짐
• 재사용성 증가
• 코드량 감소
• 유지보수 용이

변수 선언 = 키워드(var, let, const) 변수명 (명칭지정) ;

	중복선언	재할당
var	0	0
let	x	0
const	x	x

자료형 (Type)

기본형

• String  문자열
• Number 숫자
• Boolean 논리값
• null
• undefined

참조형

• Array 배열
• Function 함수
• Date날짜
• RegExp 정규식
• Map 맵
• Set 세트

명명규칙

영어 / 대 소문자,숫자,$ 사용 가능첫 글자 숫자 사용불가 . 한글 사용 가능 . 생성자 함수는 항상 대문자로 시작변수, 인스턴스, 함수, 메소드는 항상 소문자로 시작이름에 의미 있는 단어의 조합 권장두 단어 결합 시 카멜 케이스 권장

예약어 사용불가

 

변수 할당

변수를 선언한 후 선언된 변수에 데이터를 할당하거나, 변수 선언과 할당을 한문장으로 표현

let name;

name = 'JavaScript'; -> let name = 'JavaScript'

type of()

값의 자료형을 확인하는 연산자

[선언 시 자료형을 지정하지 않아 변수 명을 보고 데이터 확인 불가 자료형 확인 시 자주 사용]

tpyeof("문자열 값") 또는 typeof('문자열값') -> string

typeof(숫자) -> number

typeof(참/거짓)-> boolean

typeof(객체)-> object

typeof(초기값이 없는 변수)->undefined

typeof(function)-> function