자바스크립트란?
- 자바스크립트는 객체(object) 기반의 스크립트 언어
- 객체지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있음
- HTML : 웹의 내용 작성
- CSS : 웹 디자인
- JS : 웹의 동작 구현
자바스크립트 문법
- 식별자 작성 방식 : 관행적으로 CamelCase방식을 많이 사용
자바스크립트 출력
- 대부분 <head>에 function을 쓰고 <body>에서 출력!
- 여러 방법을 통해 결과물을 HTML페이지에 출력할 수 있음
- window.alert()메소드
- HTML DOM요소를 이용한 innerHTML 프로퍼티
- document.write()메소드
- console.log()메소드
window.alert( ) 메소드 : 별도의 대화상자를 띄워 사용자에게 데이터전달
innerHTML 프로퍼티 : 가장 많이 사용하는 방법
innerHTML : HTML요소의 내용을 변경하고 싶은 경우에 사용하는 Element Object의 프로퍼티
: "<span style='color: red;'>Hello！</span>"; 이런식으로 글자 색등을 변경할 수도 있음
ex) document.getElementById("id이름").innerHTML=변경하고싶은내용
document.write( ) 메소드 : 대부분 테스트나 디버깅을 위해 사용
console.log( ) 메소드 : 웹브라우저의 콘솔을 통해 데이터 출력
F12를 눌러 콘솔화면을 열면 데이터 출력 결과를 볼 수 있음!
'JavaScript[JS]' 카테고리의 다른 글
| [React] sideEffect/useEffect/cleanupEffect (0) | 2022.11.23 |
|---|---|
| [React] 화살표 함수 (0) | 2022.11.17 |
| [Ajax] ajax란? / response 응답데이터 (0) | 2022.09.07 |
| [JS] DOM 요소 (getElementById,getElementByName,getElementsByTagName,getElementsByClassName) (0) | 2022.09.06 |
| [JS] BOM 과 DOM의 차이 (0) | 2022.09.06 |
댓글