[Javascript] 문자열 표현 시 '(작은 따옴표), "(큰 따옴표), `(억음 부호) 차이

● 문자열 표현 방식

    1) '(작은 따옴표) 사용

 

const str = 'abcd';

 

    2) "(큰 따옴표) 사용

 

const str = "abcd";

 

    3) `(억음 부호 : backtick) 사용

 

const str = `abcd`;

 

 

● 방식별 차이

    * '(작은 따옴표)와 "(큰 따옴표)의 차이는 거의 없음

    * `(억음 부호)의 경우엔 개행 처리가 가능 

        - 개행 처리를 하기 위해서는 '(작은 따옴표)와 "(큰 따옴표)는 \n을 직접 넣어줘야 함

문자열 표현 방식별 개행 처리 결과

    * `(억음 부호)의 경우, 변수 작성 시 ${} 태그로 값을 부여가 가능함

`(억음 부호)를 사용한 변수 활용

    * 문자열 상수를 표현하기 위해 \" \' 같은 escape 필요 없음

문자열 상수 표현

        - 사실 '(작은 따옴표)로 묶을 경우 "(큰 따옴표)를 사옹하고, "(큰 따옴표)로 묶을 경우 '(작은 따옴표)를 사용하면 됨

\' \" 없이 문자열 표현

 

 

● 정보

    * 구글의 경우 '(작은 따옴표) 방식을 선호한다고 한다.

        - 이유 : HTML 작성 시 간편하기 때문

 

 

● 결론

    * 어떤 방식이든 성능상 큰 차이는 없다.

    * 개발자의 취향에 따라 다르기 떄문에, 누가 뭘 쓴다고 나무라지 말자.

    * 사내 코드 작성 규칙이 있다면 그 방식을 따르자.

    * 평소에는 "(큰 따옴표) 방식을 많이 써왔는데, 지금 글을 쓰다보니 `(억음 부호)의 장점이 엄청 많은 것 같다. 

 

 

---

참고

• OKKY - javascript에서 따옴표도 표준이 있나요?
  https://okky.kr/questions/372958

• hi098123 - JS) 자바스크립트에서 " ' ` 따옴표, 억음 부호의 차이
  https://hi098123.tistory.com/255