2021.12.9(목)
🌿 JavaScript
🌱 개요
- 웹 브라우저에서 많이 사용하는 인터프리트 방식의 객체지향 프로그래밍 언어
- ECMA(European Computer Manufacturers Association) 스크립트 표준을 따르는 대표적인 웹 기술
스크립트 언어는 빠르게 배우고 작성하기 위해 고안되었으며, 짧은 소스 코드 파일이나 REPL(Read Eval Print Loop)로 상호작용함 + 주로 기본 프로그램 동작을 사용자 요구에 맞게 수행하는 용도로 사용
- 클라이언트 사이드 스크립트: 사용자 컴퓨터에서 처리되는 스크립트
e.g. JavaScript 등
- 서버 사이드 스크립트: 정보를 제공하는 서버 쪽 컴퓨터에서 처리되는 스크립트
e.g. PHP, JSP, Perl, Python, Node.js 등
🌱 작성 및 실행
- HTML에서 제공하는
<script></script>
태그를 사용하여 자바스크립트 작성 영역을 설정하고 그 사이에 자바스크립트 코드 작성 <script></script>
는 <head>, <body> 안 어느 영역에나 작성 가능 + <html> 태그 영역 밖에서 작성도 가능 → 웹 표준과 웹 접근성을 고려해 <head>나 <body>안에 작성함- 작성 방식: inline, internal, external
- 실행 방식: 인터프리터 방식(웹 브라우저에 내장되어 있는 자바스크립트 파서가 소스코드를 한 줄씩 읽고 해석함) → 자바스크립트 실행은 작성된 html문서를 브라우저에서 읽으면 바로 실행을 할 수 있음
전체를 해석해 놓은 컴파일 언어와는 차이가 있음
🌱 JavaScript에서 데이터 출력하는 기본 문구
window.alert('알림창에 출력할 문구');
window.console.log('콘솔창에 출력할 문구');
document.write('화면에 출력할 문구');
선택한요소.innerHTML(html코드)/innerText(일반content) = '해당 요소에 출력할 문구';
📗 homework: N/A
'back-end dev > (front-end)' 카테고리의 다른 글
[KH정보교육원] 45일차_HTML, CSS 평가 (0) | 2021.12.14 |
---|---|
[KH정보교육원] 44일차_JavaScript 데이터 입력 문구, 요소 가져오기, 변수 선언 (0) | 2021.12.10 |
[KH정보교육원] 42일차_CSS 화면 구조 및 세부사항 만들기 (0) | 2021.12.08 |
[KH정보교육원] 41일차_CSS 실습 (0) | 2021.12.08 |
[KH정보교육원] 40일차_CSS 스타일 (0) | 2021.12.08 |