You Can Become A
늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !
![[PUG] 📚 퍼그 문법 총정리 - 한눈에 마스터하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbd7RHp%2FbtrjLjBb9Hp%2FdJdhfZ3VkM5JqkLuxJwFiK%2Fimg.png)
[PUG] 📚 퍼그 문법 총정리 - 한눈에 마스터하기
Pug 태그 문법 Pug와 HTML 문법 구성을 서로 비교해가며 익혀보자. 기본 태그 입력 Script / Style 태그 안에 다른 언어 (js, css)를 쓰는 특별한 태그는 반드시 뒤에 점. 을 찍어주어야 인식된다. 태그 속성 입력 id / class 속성 입력 div 같은건 생략이 가능하다 Attributes(속성) 입력 1. 속성 하나 넣기 2. 속성 여러개 넣기 3. 속성에 자바스크립트 매핑 4. Boolean 속성 처리 boolean속성은 true일 때만 표시 텍스트 넣기 엘리먼트 다음에 한칸 띄고 내용을 적으면 된다. 유의 할점은, 태그 쓰고 한칸 스페이스 띄면 바로 평문 처리되니 조심하자 긴 문장을 입력하려면 pip | 을 쓰면 된다. 인라인 태그(inline Tags) 인라인 태그 처리..
![[PUG] 📚 HTML 템플릿 엔진 pug 란?](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQ4tC4%2FbtrjLwNTg1w%2Fei61ReY5w2OvmA6sw5w6g0%2Fimg.png)
[PUG] 📚 HTML 템플릿 엔진 pug 란?
템플릿 엔진 이란? 웹페이지 구성 시 가장 기본적으로 쓰이는 마크업 언어인 HTML은 정적인 언어이다. 주어진 기능만 사용할 수 있으며, 직접 기능을 추가할 수 없다. 그러나 자바스크립트와 함께라면 가능하다. 템플릿 엔진은 자바스크립트를 사용하여 HTML을 렌더링할 수 있게 해준다. 따라서 기존 HTML과 문법이 살짝 다를 수도 있고, 자바스크립트 문법이 들어가기도 한다. 템플릿 엔진에는 대표적으로 퍼그 (Pug), 넌적스 (Nunjucks), EJS, Handlebars 등이 있다. PUG 설치 & 설정 PUG 는 HTML 을 PUG 문법으로 작성하면 HTML 로 바꿔주는 기능을 한다. pug 는 express의 패키지 view engine이다. $ npm install pug Getting Start..
