1. 백틱(`)과 작은따옴표(’)
백틱(backtick) - 줄구분과 관련없이 적용된다.
작은따옴표 - 코드의 동일한 줄까지만 적용된다.
이러한 특성으로 인해 백틱을 사용한 문자열에서는 별도의 코드(\n 같은)를 입력하지 않아도 자체적으로 줄바꿈이 가능하다.
자바스크립트 ES6부터 백틱 기호를 사용한 문자열을 템플릿 리터럴(Template literals)이라고 부른다.
const name = "inhwa" // 따옴표 사용 문자열을 연결하고 출력하려면 ""와 +를 같이 사용해야함 console.log("저는"+name+"입니다!"); // 템플릿 문자열에서는 ${} 플레이스 홀더를 사용해 변수를 넣고 다음과 같이 표현 가능 console.log(`저는 ${name} 입니다!`)
2. ./와 /
index.html에서 아래와 같이 입력하고 API에서 url 이동 시 정상작동하지 않는 것을 봄
⇒ root 페이지에서 posts/1로 이동이 안됨
<script src="src/main.js" type="module"></script>
하지만 아래와 같이 바꾸면 정상동작
<script src="/src/main.js" type="module"></script>
차이가 뭐지??
./은 디렉토리를 찾는것이기 때문에 posts는 디렉토리가 아닌데 디렉토리로 알고 찾기때문에 에러가 난 것이라 추정...?