![]()
웹 페이지에서 특정 텍스트를 강조하려면 어떻게 해야 할까요? 종이에 글을 쓸 때 중요한 부분에 형광펜을 사용하여 강조하는 것처럼, 웹 페이지에서도 이와 같은 효과를 줄 수 있습니다. 이 글에서는 CSS를 사용하여 태그로 텍스트에 형광펜 효과를 주는 방법을 알아보겠습니다. 1. 기본 형광펜 효과 먼저, 텍스트에 기본적인 형광펜 효과를 주기 위한 CSS 코드를 살펴보겠습니다. highlight { background-color: yellow; padding: 3px 5px; border-radius: 3px; } 위의 스타일을 적용하면 텍스트에 노란색의 배경색이 생기며, 약간의 패딩과 둥근 모서리를 가진 형광펜 효과를 얻을 수 있습니다. 이것은 형광펜 효과를 가진 텍스트입니다. HTML 삽입 미리보기할 수 ..
![]()
Node.js 개발 과정에서 효율적인 코드 관리를 위해 헤더(header)와 푸터(footer)와 같은 공통 요소를 별도의 파일로 분리하여 관리하는 경우가 많습니다. 특히, 템플릿 엔진을 사용할 때, 이러한 공통 요소 파일에 동적인 데이터를 전달해야 할 필요성이 생길 수 있습니다. 예를 들어, 로그인 상태에 따라 헤더에 표시되는 사용자 정보를 변경해야 할 때가 이에 해당합니다. 이 글에서는 Node.js의 템플릿 엔진 중 하나인 EJS를 사용하여 include 파일에 값을 전달하는 방법을 소개합니다. 데이터 전송 방법 Node.js에서 EJS 템플릿 엔진을 사용하여 include 파일에 값 전달하기는 간단합니다. 기본적으로 EJS에서는 형태로 include 문을 작성하여 다른 파일을 포함시키고, 이때 객..
