HTML6 Express 템플릿 엔진 ejs 알아보기 EJS는 "Embedded JavaScript"의 약자로, 서버에서 클라이언트로 전송되기 전에 서버 측에서 HTML 문서와 JavaScript 코드를 결합하는 템플릿 엔진입니다. Express에서 많이 사용되며, HTML 내에서 JavaScript를 사용할 수 있게 해줍니다. 이 글에서는 EJS에서 자주 사용하는 문법과 예제를 함께 소개합니다. 기본 문법 EJS에서는 다음과 같은 기본 문법을 사용합니다. : JavaScript 코드 실행 : JavaScript 표현식의 결과를 문자열로 변환하여 출력 : 이스케이프되지 않은(raw) 데이터 출력, HTML태그를 웹 브라우저에서 해석해서 보여주고 싶을 때 주로 사용합니다. : 주석 처리, 클라이언트 웹 브라우저에서는 보이지 않게 됩니다. : 리터럴 구문 출력.. 2023. 3. 19. HTML body 태그안에 의미있는 영역을 설정하는 태그들 웹페이지에서 영역을 설정하는 혹은 layout을 구성하기 위해서 사용하는 태그들에 대해서 알아보겠습니다. 단순하게 div태그로 모두 해결을 할 수 있지만, 아래에 의미 있는(semantic) 태그들을 사용함으로써, 브라우저가 더 빨리 해석하고, SEO(Search Engine Optimization: 검색 최적화)에 적합한 태그를 구성함으로써, 검색에 좀 더 잘 노출될 수 있도록 할 수 있습니다. 기본 Layout HTML권고 사항에 따른 body태그 안의 기본 Layout 구성은 아래와 같습니다. header는 우리말로 머리말, footer는 꼬리말이라고 생각하시면 될 것 같습니다. main에는 이 페이지의 주요 내용이 들어갑니다. header에는 보통 로고와 이 페이지에 들어있는 핵심 콘텐츠를 나열한.. 2022. 9. 22. HTML svg에 색상 지정하기 HTML에서 svg에 색상을 지정하는 방법입니다. style="fill: blue;" 형태로 style어트리뷰트를 추가하면 됩니다. 2022. 8. 12. HTML DOM 이란? HTML DOM에서 DOM은 Document Object Model의 약자로 "문서 객체 모델"이란 뜻이다. HTML 문서를 작성하는 작성자와 이를 해석해서 표현하는 브러우저간의 인터페이스 정의라고 할 수 있다. HTML DOM은 아래와 같은 특성을 가진다. HTML은 하나의 문서다. 객체(Object 혹은 element)는 문서를 표현하는 하나의 단위이다. (...) 객체들은 트리형의 구조를 가진다. (부모, 자식 혹은 형제의 관계를 가진다.) 2022. 7. 12. html 입력 자동 완성 datalist 활용 html의 datalist 태그를 사용하면, 사용자의 입력을 자동완성시켜주는 기능을 쉽게 구현할 수 있어서 이를 소개해 드립니다. javascript로 어렵게 구현하던 기능을 datalist로 쉽게 구현이 가능하게 해 줍니다. 사용방법 예시 선호하는 웹브라우저를 선택하세요. 아래와 같이 문자 'e'를 입력한 경우, 해당 문자를 포함하지 않은 'Safari'를 제외한 항목만 보여지며, 사용자의 입력이 정확히 입력 되도록 유도 됩니다. 2022. 1. 31. HTML - HTML5 기본양식 머리말 본문 2016. 2. 18. 이전 1 다음 반응형
