개발/자바스크립트 썸네일형 리스트형 [자바스크립트] 템플릿 리터럴 - 변수를 문자열로 변환 전통적인 방법은 각 부분을 + 기호를 연결하는 것이다. 예제 function createLink(image, width) { const widthInt = parseInt(width, 10); return 'https://' + getURL() + '/' + image + '?width=' + widthInt; } 굉장히 복잡해 보인다. 라우팅이 더 길거나 매개변수가 더 추가 된다면 함수가 훨씬 길엊리 수 있다. 템플릿 리터럴을 사용하면 복잡도를 줄일 수 있다. 템플릿 리터럴은 따옴표 또는 상따옴표 대신 백틱(back-tick)(`)을 사용하고 $ 기호와 중괄호로 변수나 다른 자바스크립트 코드를 감싸서 사용한다. 템플릿 리터럴 사용 예제 function createLink(image, width) { r.. 더보기 자바스크립트 const, let, var 의 차이점과 사용 예제 const const 는 블록의 문맥 내에서 재할당 할 수 없는 변수. 즉 한 번 선언하면 변경할 수 없다. * const 사용 시 이점: 값이 변경되지 않으므로 긴 소스를 읽을 때 해당 변수가 변경될 염려가 없으므로 코드 읽기가 쉬워짐. const 예제 const gstRate = 0.2; const total = 100 + (100 * gstRate); // after 100 lines return `Total amount to pay is ${total}.`; var 예제 var gstRate = 0.2; var total = 100 + (100 * gstRate); // after 100 lines return `Total amount to pay is ${total}.`; var를 이용해서 값을.. 더보기 이전 1 다음