자바스크립트
웹문서의 각 요소를 가져와 필요에 따라 스타일을 변경하거나 움직이게 하는등
웹의 요소를 제어하는 언어로 웹사이트의 UI부분에 많이 사용합니다.
자바스크립트는 단순히 정보를 나열하는 웹에서 벗어나 어플리케이션처럼 동작하는 웹을 만들수 있게 해주는 언어입니다.
또한 리액트, 뷰, 앵귤러같은 프레임워크와 제이쿼리같은 라이브러리들이 생기면서 자바스크립트의 기능이 더더욱 강력해지고있습니다.
HTML 코드에서 자바스크립트의 작성 위치
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script>
document.write("자바스크립트 head에 위치<br>");
</script>
<script src="script/1-01.자바스크립트작성위치.js"></script>
</head>
<body>
<!-- 코드 -->
<script src="script/1-01.자바스크립트작성위치.js"></script>
<script>
document.write("자바스크립트 body에 위치");
</script>
</body>
</html>head와 body에 위치할 수 있습니다.
html코드 안에 js코드를 작성하는 경우는 <script></script>사이, 스크립트 영역에 코드를 작성하고,
js파일을 불러오는 경우는<script src="경로"></script>를 사용합니다.
콘솔출력
<script>
console.log("콘솔창에 출력");
document.write("화면출력");
</script><script></script>사이에 console.log(출력내용);을 사용하면 console창에 출력이 가능합니다.
document.write(출력내용);을 사용하면 화면에 내용이 출력됩니다.
주석
<script>
// 주석 이건.. 코드에 설명 달아놓는 뭐그런..
// /+ctrl
/*여러줄 주석처리할때는
이렇게 하세요*/
</script>코드에 부가적인 설명을 달때 사용합니다.
한줄 주석일 경우는 //설명
여러 줄의 주석일 경우는 /*설명*/
으로 작성하면 됩니다.
주석 단축키 => / + ctrl