ejs

[Node.js][ejs] ejs로 HTML checkbox check 여부 설정하기

ejs에서 받은 데이터를 이용하여 checkbox 체크 여부를 설정하려 했다 원래 html check 박스 사용법은 체크 체크안됨 위와 같이 사용하면 된다. 하지만 checked위치에 ejs구문을 넣으니 %> 가 input의 닫는 태그로 인식되는 문제가 있었다 " "를 붙여봐도 여전히 인식이 되지 않아서 checked=checked와 같은 방식으로 ejs 데이터를 넣어주어야 했다 찾아보니 checked=checked, checked=1. checked=true와 같은 속성을 주어도 동작한다는데 난 checked에 unchcked, 0, false를 줘도 체크 안되는게 먹히지 않았다ㅜㅜ 결국 value를 ejs에서 받아온 데이터에 따라 check여부로 주고 value에 따라 checked속성을 변경하는 j..

[Node.js][express] html에서 ejs 사용시 html태그로 인식 되는 문제

기존에 위와 같이 태그 사이에 ejs 데이터를 넣었을 땐 문제 없이 잘 동작했다 하지만 위와 같이 태그 속성에 ejs 데이터를 넣으면 맨 뒤에 %>가 닫는태그로 인식되는 문제가 있었다. 해결방법은 아주아주아주 간단했다 위와 같이 ejs부분을 따옴표로 감싸주면 잘 동작한다

[Node.js][express] ejs로 서버에서 받은 JSON 데이터 보여주기

가끔 간단하게 Node.js에서 화면이 보여져야 하는 경우가 있는데, 단순히 화면을 보여주기만 하는거라면 html 을 사용하면 된다. 하지만 node.js에서 구축한 서버에서 데이터를 받아 바로 뿌려주고 싶은 경우, 데이터에 따라 html이 동적으로 변하게 해야하는 경우에는 ejs, pug 등의 view engine을 이용하면 node.js에서 보낸 데이터를 보여주거나, html에서 반복문을 이용하는 등의 구현이 가능하다. 처음에는 pug를 더 선호했는데, html과 같지 않다보니 매번 찾거나 익숙해져야 사용이 편한 것 같다. ejs의 경우 html 문법에서, 일부만 ejs 로 대체하면 되기 때문에 훨씬 빠르게 적용할 수 있어서 더 선호하는 편이다! ejs 설정 먼저, node + express 환경이 ..