✏️기록하는 즐거움
article thumbnail

Link

 

10171번: 고양이

아래 예제와 같이 고양이를 출력하시오.

www.acmicpc.net

문제

고양이 출력

 

제출

console.log(`\\    /\\
 )  ( ')
(  /  )
 \\(__)|`);

 

개념

`(backtick, 백틱)

    • Template literals(템플릿 리터럴)
      • 작은 따옴표(")나 큰 따옴표(') 대신에 사용가능하다.
      • 템플릿 리터럴은 표현식을 포함하여 함수로 전달된다.
      • 표현식은 ${expression}으로 작성한다.
    • example
//Multi-line strings
console.log("Hello\n" + "World!");
console.log(`Hello
World!`);

//Hello
//World!
//Expression interpolation(표현식 삽입법)
const a = 1;
const b = 2;

console.log("a+b=" + (a + b) + " a-b=" + (a - b));
console.log(`a+b=${a + b} a-b=${a - b}`);
//a+b=3, a-b=-1​

 

Escape character(이스케이프 문자) 처리

  • 자바스크립트에서 문자열을 처리할 때 특수 문자를 사용하고 싶을 수 있다.
    이때 작은 따옴표(")나 큰 따옴표(') 같은 특수 문자들을 이스케이프 문자라고 하며
    백 슬래시(\)뒤에 한 문자나 숫자 조합이 오는 문자 조합을 이스케이프 시퀀스라고 한다.
//Error
console.log('I'm happy!');
  • 예제와 같이 큰 따옴표를 출력하고 싶을 때 문법상 따옴표의 개수가 홀수이기 때문에 에러가 발생한다.
    이처럼 이스케이프 문자를 출력하고 싶을 땐 이스케이프 시퀀스를 사용한다.
  •  
    이스케이프 시퀀스 표현
    \a 벨(경고)
    \b 백스페이스
    \f 폼 피드
    \n 줄 바꿈
    \r 캐리지 리턴
    \t 가로 탭
    \v 세로 탭
    \' 작은따옴표
    \" 큰따옴표
    \\ 백슬래시
    \? 리터럴 물음표
//I'm happy!
console.log('I\'m happy!');

🔼이스케이프 시퀀스를 사용하면 위 예제를 다음과 같이 고칠 수 있다.

 


Comment

처음에 이스케이프 시퀀스를 생각하지 않고 백틱을 사용해서 문자를 출력했다가 출력 형식이 잘못됐다는 결과를 보았다.

두 번째는 console.log()로 한 줄, 한 줄씩 출력해본 것!
기본적인 개념을 잡고 갈 수 있어서 좋은 경험이었다 :)

'Algorithm > Baekjoon' 카테고리의 다른 글

[백준] 1001: A-B (javascript)  (0) 2022.02.04
[백준] 1000: A+B (javascript)  (0) 2022.01.19
[백준] 10172: 개 (javascript)  (0) 2022.01.19
[백준] 10718: We love kriii (javascript)  (0) 2022.01.19
[백준] 2557: Hello World (javascript)  (0) 2022.01.18
profile

✏️기록하는 즐거움

@nor_coding

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!