[JavaScript] innerHTML에서 EJS 태그 사용하기

 

토이프로젝트 진행 당시 DOM 작업을 위해 자바스크립트에서 innerHTML 태그를 사용하였고

 

 

EJS의 <%= name %> 태그를 input value에 값으로 넣어줘야 하는 상황이었다.

 

title-input value에 직접 EJS 태그를 넣어봄

 

위와 같이 작업하였을때 결과는 아래와 같았다.

 

태그를 변환하지 못하고 text 그대로 받아옴

 

 

구글링도 해보고 커뮤니티에 질문 글도 올려보았지만 원하는 답변은 찾을 수 없었고

 

 

여러번의 시도끝에 성공한 결과로 다음과 같이 작업하였다.

 

 

 

 

1. EJS 내에 자바스크립트 태그를 만들고 [변수 = "<%= %>";] 선언

 

 

 

2. 자바스크립트 파일로 돌아가서  value값에 생성한 변수 입력

 

 

 

3. EJS 값 가져오기 성공