본문 바로가기
728x90
300x250
SMALL

코딩팁3

템플릿 리터럴의 기본! 언태그드 템플릿 리터럴이란? 우리가 일반적으로 사용하는 템플릿 리터럴이다.백틱(`) 안에 변수를 삽입하거나 표현식을 사용해 문자열을 작성한다.추가적인 처리가 필요 없으며 그대로 문자열로 평가됩니다.const name = "Alice";const age = 30;const message = `My name is ${name}, and I am ${age} years old.`;console.log(message);// 출력: My name is Alice, and I am 30 years old. 2025. 2. 25.
템플릿 리터럴 ${} 로 문자열 쉽게 다루자 템플릿 리터럴(Templage Literal)은 ES6에서 도입된 문자열 처리 방법으로, 기존의 문자열 연결이나 문자열 정의 방식보다 더 직관적이 강력한 기능을 제공한다. 1. 기본 문법const message = `Hello, World!`;console.log(message); // Hello, World! 템플릿 리터럴은 백틱(backtick, `)으로 문자열을 감싸서 정의한다. 2. 주요 기능(1) 표현식 삽입템플릿 리터럴은 ${}구문을 사용해 문자열에 변수나 표현식의결과를 삽입할 수 있다.const name = "Alice";const age = 30;const greeting = `My name is ${name}, and I am ${age} years old.`;console.log(gre.. 2025. 2. 24.
VS Code 탭 간격 설정 변경 방법 1. File > Preferences > Settings (macOS에서는 commend + , 키)  2. Commonly Used에서 스크롤을 좀 내리면 Tab Size가 나온다. 여기서 "2"로 바꿔보자  3. VSCode에서는 설정 화면에서 변경된 내용을 setting.json파일에 저장해 놓는다.단축키 Ctrl + Shift + P(macOS는 Commend + Shift + P)를 눌러 나타난 검색 화면에 User Settings 입력Preferences:Open User Settings(JSON) 선택 4. 다음과 같이 탭사이즈의 변경된 내용을 확인할 수 있다. 2025. 2. 10.
728x90
반응형
LIST