2023-01-16 node.js_3

---

 

WEB2 - Node.js - 생활코딩

생활코딩 node.js 강의 정리

 

---

1. JS 데이터타입

 

2022-08-14 JS_2

 

JS의 데이터타입에 대하여 일전에 학습한 적이 있으니 따로 다루진 않겠다.

 

---

2. JS 변수

 

2022-08-14 JS_3

 

JS의 변수에 관해서도 일전에 학습한 적이 있으니 패스.

 

시간을 아끼자.

 

---

3. 문자열 대입

 

학습을 위해서 프로젝트 디렉터리에 새로 syntax 디렉터리를 만들고 그 아래에 template.js 파일을 새로 만든다.

 

나무위키에서 검색한 위스키 본문 중 일부다.

 

이 문자열을 예제로 사용하겠다.

 

가. 문자열 복붙

 

 

본문의 내용을 복사해서 template.js에 붙여 넣고 출력해 본다.

 

 

그냥 복붙 했더니 오류가 발생했다.

 

---

나. \n 기호

 

오류가 발생한 위치는 첫 번째 줄이다.

 

해당 오류가 발행한 이유는 줄을 바꾸고 싶다고 그냥 엔터를 누르면 안 되기 때문이다.

 

개행을 할 때 사용하는 특수기호가 있다.

 

\n을 사용해서 개행한다.

 

즉 아래와 같이 고쳐야 한다.

 

 

엔터 친 부분을 모두 \n으로 바꾼다.

 

 

그리고 문자열에 ‘이 사용된 부분은 다음과 같이 변경한다.

 

 

그리고 실행해 보면…

 

 

이렇게 출력된다.

 

여기서 꿀팁은 한 줄로 길게 이어지는 것이 싫다면 \기호를 두 개 이용하면 다음과 같이 같은 결과를 얻을 수 있다.

 

 

\기호를 줄의 끝과 시작에 붙이면 코드상에서 줄 바꿈을 할 수 있다.

 

---

다. 중복 제거

 

문자열에 자리하는 Whiskey라는 글자를 만약 변수 name으로 대체하려고 한다면 다음과 같이 수정한다.

 

 

‘+변수명+’으로 수정한다.

 

---

4. 템플릿 리터럴

 

지금까지 문자열을 변수에 담는 방법에 대하여 살펴보았다.

 

일반적인 방법으로 문자열을 변수에 담기 위해서는 문자열의 줄 바꿈과 ‘나 “ 사용에 주의해야 하고 중복을 제거하기 위해서 ‘와 +를 사용하는 등으로 다소 복잡하고 더럽다.

 

이에 우리의 게으른 개발자들은 이를 못 참고 다른 문자열을 변수에 담을 또 다른 방법을 개발했다.

 

그것이 바로 ‘Template literals’ 또는 ‘template string’라고 하는 것이다.

 

템플릿 리터럴은 이전과 달리 줄 바꿈을 포함한 템플릿 리터럴 내의 모든 white-space는 있는 그대로 적용한다.

 

또한 변수를 넣는 작업도 문자열 인터폴레이션(String Interpolation)이라고 더 쉽고 간편하게 가능하다.

 

---

가. Template literals 적용

 

 

사용법은 간단하다 backtick  ` 을 사용하면 된다.

 

 ` 으로 문자열의 시작과 끝을 감싸면 된다.

 

Mac OS에서  ` 를 사용하기 위해서는 ⌥+₩ 혹은 ~과 ₩가 표시된 키를 누르면 된다.

 

---

나. String interpolation

 

문자열 중간에 변수의 값이나 명령의 실행결과를 넣고 싶을 때가 있다.

 

이때 ${…}와 같이 실행문을 {와 } 사이에 넣으면 된다.

 

 

꼭 변수가 아니더라도 ${1+1}와 같은 수식이나 명령어도 가능하다.

 

---

참고

 

${}의 개념이 뭔가 익숙해서 생각해 보니 …

 

${}의 사용 방식이 shell script의 $(command)와 ${parameter}를 합친 것과 비슷하다.

 

참고해 보면 좋을 것 같다.

 

 

2022-04-13 Shell_script_2

 

---