코딩항해기
[JS] 자바스크립트의 syso (System.out.println()) 본문
자바에서 콘솔창에 매개변수로 받은 값을 출력하기 위해서는
System.out.print();
System.out.println();
System.out.printf();
등을 사용하지만 자바 스크립트에서는 syso가 통하지 않는다.
자바스크립트에서 콘솔창에 출력하기 위해서는 콘솔로그를 사용하게 된다.
console.log();
자바의 syso사용과 동일하지만 막상 실행해보면 콘솔창에 뜨지 않는다.
왜냐하면, 자바스크립트의 콘솔창은 웹에 있기 때문이다.
해당 웹 페이지에서 f12(개발자도구)를 열어 console(콘솔)창을 확인하면 인자로 받은 값이 뜨는 것을 확인할 수 있다.
각종 에러 문구도 해당 웹 콘솔창에서 확인할 수 있다.
' '(싱글쿼트) " "(더블쿼트) ` `(백틱)
console.log()외에도 가능하지만 console.log()할 때 같이 정리하자면, ""만 사용 가능한 자바와 달리 자바스크립트에서는 문자열을 표현하기 위해 '', "", `` 3가지를 사용가능하다.
싱글쿼트와 더블쿼트는 큰 차이가 없으며, 문자열 안에 다른 종류의 따옴표가 포함되어 있는 경우에 사용된다.
ex) out.write("<h1 class='name'>내용</h1>");
백틱은 템플릿 리터럴로, 문자열에 변수를 쉽게 포함하거나 멀티라인 문자열을 사용할 수 있게 해주는 특징이 있다.
변수 포함 예시
let name = "John";
let greeting = `Hello, ${name}!`; // Hello, John!
멀티라인 예시
let multiLine = `This is a
multi-line
string.`;
//This is a
//multi-line
//string.
활용 예시
let a = 5;
let b = 10;
let sum = `The sum of ${a} and ${b} is ${a + b}.`; // The sum of 5 and 10 is 15.
'HTML CSS JS' 카테고리의 다른 글
[JS] 호이스팅 (0) | 2024.08.18 |
---|---|
[CSS] 정렬 속성 (0) | 2024.08.17 |
[JS] 자바스크립트 JavaScript (0) | 2024.08.15 |
[HTML] 시멘틱 태그 (0) | 2024.08.05 |
[HTML] 파비콘 설정하기 (0) | 2024.08.05 |