웹 개발/개념 정리

`` 백틱, ${}, {{}}

cha430 2025. 5. 14. 14:21

 

학원 다닐 때 선생님이 Java를 다 배우고, JS와 HTML, CSS, Spring 등 진도를 다 나가게 되면

아주 기본적인 Java문법도 헷갈릴 거라고 말씀하셨는데. 정말. 그렇다.

 

백틱. 언제 쓰는 거였는지 정확히 기억이 나지 않아 찾아보았다.

 

=> 기본적으로 문자열 안에 변수 ${} 삽입할 때 사용한다.

 

 

${} 는 HTML이 아닌 JS에서 사용하는 것이다.......!!!??

HTML 코드 안에 자바스크립트를 써서 동적으로 데이터를 표현할 때 쓰는 템플릿 리터럴 방식

 

내가 기존에 HTML 에서 ${}를 쓸 수 있었던 이유는 JSP 가 Java기반 서버 템플릿 엔진이기 때문이었다 .......

브라우저가 읽기 전에 서버에서 JSP 파일을 먼저 처리해서 HTML로 변환하는데,

이 과정에서 ${} 는 EL 문법으로 인식되어 값이 대입된다.

 

const name = 'cha';
console.log(`안녕하세요 ${name} 님`);

 

출력

안녕하세요 cha님

 

 

{{}} 는 vue에서 쓰는 문법이다.

자동 반응형 (재렌더링) 처리가 된다.

 

'웹 개발 > 개념 정리' 카테고리의 다른 글

@RequiredArgsConstructor  (0) 2025.05.21
[디자인패턴] 객체 타입, Builder Pattern  (1) 2025.05.21
AJAX vs SPA(Single Page Application)  (0) 2025.05.14
절대 경로, 상대 경로  (0) 2025.05.14
index.html 이란 무엇인가 ?  (0) 2025.05.12