오늘은 자바스크립트에 대해서 배워봄.
자바스크립트란?
웹페이지를 동적으로 만들어주는 프로그래밍 언어이다.
단순히 웹페이지가 가만히 앉아서 보여주는 static page가 아니라, 웹에서 사용자와 상호작용하기 위해서 만들어진 언어이다.
정적페이지(static page)라는 건 페이지에 단순히 사용자가 볼 수 있는 정보를 표현하는 것을 말한다.
예를 들어서, 내가 만든 웹페이지에 이름을 보여줄 수 있는 항목이 있다고 치자.
<p>my name: Kyu</p>html로 이렇게 표현할수 있을거고 CSS를 이용하면 텍스트를 이쁘게 꾸며줄수도 있을것이다.
사용자와 상호작용 하기 위해서 만들어진 언어라는 말은, 웹페이지에서 이름을 입력할 수 있는 빈 칸이 나오고 거기에 텍스트를 입력해서 사용자가 입력하는 값에 따라서 화면에 다른 이름을 나타낼수 있도록 할 수 있는 언어라는 말이다.
자바스크립트 사용하기
자바스크립트는 CSS처럼 HTML에 적용시켜서 작동시킨다. CSS는 <style>이라는 태그로 HTML과 작동한다. 자바스크립트는 <script>라는 태그로 작동한다.
1. HTML 내에 작성하기
<script></script>에 원하는 자바스크립트 코드를 넣으면 된다.
예를들어서
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>Apply JavaScript example</title>
</head>
<body>
<button>Click me</button>
</body>
</html>요런식으로 html이 작성되어있다면, <head></head>에다가 <script>태그를 넣고 안에다가 button에 관한 코드를 작성하면 된다
2. 다른 파일에 작성하기
<script>태그 부분을 <script src="script.js" defer></script> 이런식으로 바꾸고 script.js 안에다가 코드를 작성하면 된다.
3. inline에 작성하기
위 이미지처럼 작성할 수도 있따.
TIL 남기는 공간입니다