들어가며export default function Component() { const [message, setMessage] = useState('hello') return {message}} {{ message }} 둘의 차이가 느껴지십니까..아니오라고 답한 당신, 프론트할 자격이 없다. 함수형으로 때려박아주시는 우리의 react 님과 다르게, html, css, js의 양식을 한번에 때려박아주시는 vue님은 접근법 자체가 다르다.사실 내부적으로 돌아가는 건 JS/TS이기 때문에 그렇게 어렵다고 느끼진 않았는데 한 파일에 400줄 가까이를 구겨넣는 걸 보고 잠시 어지러워졌었다. 아래는 읽는 거 자유..(본인이 놀라웠던 점이기 때문에)더보기리액트에선 죄다 짧게 분리하고 쳐내고 오히려 파일 구조에 ..

1. 템플릿 엔진이란?HTML에 동적 데이터를 삽입하는 도구. 서버에서 HTML을 받아 HTML로 렌더링데이터 + 템플릿 = HTML 그런데 여기서 의문점이 하나 생긴다.서버에서 HTML을 받아 HTML로 또 렌더링을 해?HTML + HTML = ? 서버에서 내려준다는데 그대로 보여주면 되는 것 아니냐,, 템플릿 엔진의 핵심은 바로 동적 데이터에 있다.정적 HTML이라면 서버가 파일을 내려주는 그대로 보여줄 수 있지만, 예를 들어 내부의 변수가 렌더링 할 때마다 달라진다면?고유의 값이 아닌 유동적인 값, 실제 값으로 채우기 위한 과정이라고 할 수 있겠다.결론 : 서버에서 HTML 배송 -> 프론트가 데이터랑 합쳐서 렌더링!이라고 생각하면 될 듯 하다. 2. EJS란?: JS 문법을 그대로 사용하는 템..