본문 바로가기

728x90
반응형

분류 전체보기

(111)
Pug(Jade)의 method, properties 이 글은 NodeJS 템플릿 엔진인 Pug의 document를 해석한 글입니다. 영어 원문은 아래 바로가기를 클릭하거나 현재 글의 해석 아래 더보기를 클릭 시 확인하실 수 있습니다. 오타나 잘못된 해석은 댓글로 알려주시면 정정하겠습니다. ▶ 현재 페이지 본문 바로가기 pug.compile(source, ?options) 다른 locals에서 여러번 렌더링할 수 있는 함수에 Pug 템플릿을 컴파일 source: string 컴파일할 원본 Pug 템플릿 options: ?options 옵션 개체(object) returns: function locals를 포함하는 개체(object)에서 HTML을 생성하는 함수 더보기 Compile a Pug template to a function, which can be..
Pug(Jade)의 옵션 이 글은 NodeJS 템플릿 엔진인 Pug의 document를 해석한 글입니다. 영어 원문은 아래 바로가기를 클릭하거나 현재 글의 해석 아래 더보기를 클릭 시 확인하실 수 있습니다. 오타나 잘못된 해석은 댓글로 알려주시면 정정하겠습니다. ▶ 현재 페이지 본문 바로가기 이 페이지는 JavaScript API를 사용하여 Pug를 렌더링하는 방법이 자세하게 나와 있습니다. 팁 Pug는 당신의 웹 브라우저 콘솔에서 사용할 수 있습니다! 이 페이지에서 문서화된 Pug의 API를 테스트하려면 다음을 입력하십시오. pug.render('p Hello world!'); 옵션 모든 API method는 다음과 같은 옵션 세트를 사용합니다. filename: string 컴파일 중인 파일의 이름 예외에서 사용되며, 상대적..
Pug(Jade)의 Express 통합 이 글은 NodeJS 템플릿 엔진인 Pug의 document를 해석한 글입니다. 영어 원문은 아래 바로가기를 클릭하거나 현재 글의 해석 아래 더보기를 클릭 시 확인하실 수 있습니다. 오타나 잘못된 해석은 댓글로 알려주시면 정정하겠습니다. ▶ 현재 페이지 본문 바로가기 Pug는 지원되는 뷰 엔진으로 인기있는 Node.js 웹 프레임워크인 Express와 완전히 통합됩니다. Pug와 Express를 통합하는 방법에 대한 Express의 훌륭한 가이드를 확인하십시오. 더보기 Pug fully integrates with Express, a popular Node.js web framework, as a supported view engine. Check out Express’s excellent guide f..
NodeJS 템플릿 엔진 Pug(Jade) 시작하기 이 글은 NodeJS 템플릿 엔진인 Pug의 document를 해석한 글입니다. 영어 원문은 아래 바로가기를 클릭하거나 현재 글의 해석 아래 더보기를 클릭 시 확인하실 수 있습니다. 오타나 잘못된 해석은 댓글로 알려주시면 정정하겠습니다. ▶ 현재 페이지 본문 바로가기 설치 Pug는 npm을 통해 사용할 수 있습니다. $ npm install pug 개요 Pug의 일반적인 렌더링 프로세스는 간단합니다. pug.compile()은 데이터 객체("locals"라고 부르는)를 인수로 사용하는 자바스크립트 함수로, Pug 소스 코드를 컴파일합니다. 당신의 데이터를 사용하여 해당 함수를 호출하면, 데이터와 함께 렌더링된 HTML의 문자열이 반환됩니다. 컴파일된 함수를 재사용하거나 다른 데이터 세트를 호출할 수 있습..
[w3shools JS 해석] 1. 자바스크립트 소개 이 페이지는 JavaScript가 수행할 수 있는 몇 가지 예시가 포함되어 있습니다. 자바스크립트는 HTML 내용을 변경할 수 있습니다. 많은 자바스크립트 HTML method 중 하나는 getElementById() 입니다. One of many JavaScript HTML methods is getElementById(). 아래 예시는 HTML 요소(id="demo"인)를 찾고, 요소 내용(innerHTML)을 "Hello Javascript"로 변경합니다. The example below "finds" an HTML element (with id="demo"), and changes the element content (innerHTML) to "Hello JavaScript": 예시 documen..
Jade(PUG) - 새로운 라인을 <br/>로 변환하고 내용을 인코딩한 채 유지하기 질문 (추천 10) 저는 여전히 Jade(PUG) 템플릿 엔진에 대해 익숙하지 않습니다. I am still not that familiar with the Jade template engine. \n처럼 새로운 라인을 br 태그로 변환하고 동시에 다른 컨텐츠를 인코딩할 수 있는 방법이 있나요? Is there a way to convert the new lines such as \n to br tags and at the same time keep the other content encoded? 예를 들면 For example .replace(/\n/g,'') 인코딩된 값에 적용되어 동작해야 합니다. applied over the encoded value should do the work. 하지만 그 ..
Jade(PUG) HTML에서 br 태그 추가하는 방법 질문 (추천 10) br 태그를 추가해야 하는데 아래와 같이 입력 시 동작하지 않습니다. I need add br tag but this not working. table tbody td Juan Perez td 01 33 4455 6677 td Av José Vasconcelos 804-A Pte. br Col. Los Sabinos,CP. 66220, San Pedro, N.L. 댓글 1. 복사 : stackoverflow.com/questions/5433977/what-about-line-breaks-in-jade What about Line Breaks in Jade? I'm pretty sure that this is a no-brainer but I didn't find any snippet ..
[w3schools JS 해석] 0. 튜토리얼 자바스크립트는 세계에서 가장 인기있는 프로그래밍 언어입니다. 자바스크립트는 웹 프로그래밍 언어입니다. 자바스크립트는 배우기 쉽습니다. 이 튜토리얼에서는 자바스크립트의 기본부터 고급까지 알려줍니다. 각 장의 예시 Try it yourself 에디터를 사용해 소스코드를 편집하고 결과를 볼 수 있습니다. 메뉴 사용 이 튜토리얼을 메뉴에 나열된 순서대로 읽을 것을 추천합니다. 화면이 클 경우 메뉴는 왼쪽에 있습니다. 화면이 작을 경우 가장 상단의 ☰ 버튼을 클릭하여 메뉴를 열 수 있습니다. 예시를 통한 학습 예시가 백 마디 말보다 낫습니다. 예시는 종종 텍스트로 된 설명보다 이해하기 쉽습니다. 이 튜토리얼은 명확하게 하는 "Try it Yourself" 예시들로 모든 설명을 보완합니다. 당신이 모든 예제를 시도..

728x90
반응형