인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다. 개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다.
콘솔(Console)
크롬 개발자도구에서 콘솔 사용하기
크롬에서는 개발자가 개발을 할 때 도움을 주는 개발자도구를 제공한다. (ex. 분석, 디버깅 등)
콘솔(Console)은 크롬이 제공하는 개발자도구 중 한 가지 기능이며, 구현하는 코드가 정상 동작하는지를 점검하고 에러를 확인하는 등의 목적으로 많은 개발자들이 사용하고 있다.
개발자도구는 윈도우의 경우 단축키 F12를 누르고, 맥의 경우 단축키 (Option + Cmd + I)를 눌러서 실행한다.
사용 예시
콘솔창에 출력
에러 확인
주석(Comments) 처리
주석의 사용 용도
1. 내가 구현한 코드의 설명 및 사용법 작성 용도
<참고> 복잡한 프로그램일수록 주석으로 해당 코드의 설명을 남겨놓는 것이 중요하다.
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
// x라는 변수에 3 더하기 5를 구하는 부분(작성된 코드를 설명하는 주석)
var x = 3 + 5;
</script>
</body>
</html>
2. 작성된 코드의 실행을 막기 위한 용도
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
// var x = 3 + 5; (내가 짠 코드를 잠시 실행되지 않도록 하는 주석
// 혹은 이제 필요 없지만 실행되지 않는 상태로 보관하는 주석)
</script>
</body>
</html>
주석처리 방법
1. 윈도우의 경우 단축기 (Ctrl + /), 맥의 경우 단축키 (Cmd + /) 눌러서 처리한다. (주석 해제 시에도 동일) 2. 여러 라인을 한 번에 주석 처리하는 경우에는 시작 부분에 /*를 작성하고 끝 부분에 */를 작성하면 된다.
<참고>
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
</head>
<body>
<script>
//주석처리 방법
// 첫번째
// 두번째
// 세번째
/*
첫번째
두번째
세번째
*/
</script>
</body>
</html>
댓글