common-tags: tagged templates package

서해빈·2021년 4월 12일
0

Javascript

목록 보기
7/11

기존 문자열 작성

  • 여러 줄의 문자열 생성
    \n 삽입
  • 긴 한 줄의 문자열을 시인성 좋게 여러 줄에 걸쳐 생성
    1. 부분 문자열로 쪼개 생성하고 + 연산자로 더하기
    2. \를 사용해 작성

javascript의 templete literal는 공백이나 줄바꿈을 그대로 반영한 문자열을 생성해주기 때문에 여러 줄의 문자열을 생성할 때 유용하다. 하지만 한 줄의 문자열을 여러 줄에 걸쳐 생성하는 것에는 별다른 차이가 없다.

common-tags 패키지는 자주 사용되는 tagged template를 구현한 라이브러리인데, 그 중 oneLineTrim 함수를 사용하면 쉽게 해결할 수 있다.

// before
mongoose.connect(
  `mongodb://${process.env.MONGO_USER_NAME}:${encodeURIComponent(process.env.MONGO_USER_PW)}@localhost:27017/admin`,
  ...,
)

// after
import { oneLineTrim } from 'common-tags'

mongoose.connect(
  oneLineTrim`mongodb://${process.env.MONGO_USER_NAME}:
  ${encodeURIComponent(process.env.MONGO_USER_PW)}@localhost:27017/admin`,
  ...,
)

common-tags는 그 외에도 다양한 함수를 제공하니 찾아보고 사용하면 유용할 것이다.

참고 및 출처

0개의 댓글