1. Javascript의 기초

Index

Index 1. Javascript의 기초 1.1 Javascript란?1.2 실습방법 1.3 환경설정 1.4 HTML에서 Javascript 로드하기 1.5 Javascript로 출력하기

1. Javascript의 기초

1.1 Javascript란?

HTML을 프로그래밍으로 제어한다

웹브라우저가 해석해서 실행할수 있는 유일한 프로그래밍 언어

요즘에는 게임프로그래밍, 서버프로그래밍 등 다양한 분야에서 쓰여지고 있음.

자바스크립트는 사용자의 이벤트를 받고 내장 객체들을 이용한 CSS나 태그의 스타일 관련 속성, 날짜, 텍스트 등을 조작 할 수 있습니다.


.box{
	height: 300px;
	width: 300px;
	background-color: blue;
	transition: all 2s;
}


<!-- javascript 소개 -->
<h1>자바스크립트로는 어떤 것을 할 수 있나요?<h1>
<button type="button"
onclick="document.getElementById('demoOne').innerHTML = Date()">
Click me (One)</button>

<button type="button"
onclick="document.getElementById('demoTwo').innerHTML = 'hello world'">
Click me (Two)</button>

<button type="button"
onclick="document.getElementById('demoThree').style.backgroundColor = 'red'">
Click me (Three)</button>

<p id="demoOne"></p>
<p id="demoTwo"></p>
<p class="box" id="demoThree"></p>


<h1 id='title'>Hello World</h1>
<script>
  // https://ko.javascript.info/ 소개
  // https://www.w3schools.com/ 소개

  // 자바스크립트로 출력하는 방법
  // let age = 10; //지금은 다루지 않습니다.
  // const pi = 3.141592; // 지금은 다루지 않습니다.
  var name = '사용자';
  var age = 20;

  document.getElementById('title').innerHTML = 'Welcome to JS100제';
  document.write(20 + 20);
  window.alert(name);
  console.log(age);
  // 한 줄 주석
  /* 주석
  입니다. */
</script>