코드 작성과 실행
아래 코드는 Hello world를 출력하는 자바 스크립트 코드이다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>//html의 문서라는 의미를 갖고있다.
</head>
<body>
<script>
alert('Hello world');//<script> 내부에 자바 스크립트 코드를 입력해준다.
</script>
</body>
</html>위에 코드를 실행시켜주면 다음과 같이 결과값이 출력된다.
alert는 경고창을 띄우는 역할을 한다.
콘솔 사용법
파일을 직접 작성하는게 번거로울 때가 있다. 콘솔을 이용하면 이런 과정을 거치지 않고도 쉽게 자바스크립트를 실행해 볼 수 있다.
콘솔 사용법은 다음과 같다.
-
사이트창을 띄운 상태로 F12키 또는 ctrl+shift+i키를 눌러 개발자 도구를 실행시킨다. 개발자 도구를 실행시키면 나오는 화면은 아래와 같다.
-
여기서 Element의 오른쪽에 있는 Console을 누르면 아무것도 적혀있지 않은 창이 뜨게 되는데 이곳에 내가 실행하고자 하는 자바 스크립트코드를 입력하면 그대로 적용되어 실행되는 것을 확인할 수 있다.
-
자바 스크립트 코드에 alert('Hello World') 대신 console.log('Hello World')를 작성하면 콘솔창에 Hello World가 출력된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
console.log('Hello world');
</script>
</body>
</html>
도구의 선택
IDE(통합개발환경): 우리가 코드를 작성하는데에 있어서 필요한, 도움을 주는 여러가지 기능을 가지고 있다. 예)Visual Studio Code, Pycharm 등
좋은 개발도구를 찾는 것은 좋은 코드를 쓰는 것만큼 중요하기 떄문에 개발자는 좋은 개발도구를 찾는 것을 게을리해서는 안된다.
c++