Document 해석 (7) 썸네일형 리스트형 Jade에서 Pug 2로 마이그레이션(이동) - 1 이 글은 NodeJS 템플릿 엔진인 Pug의 document를 해석한 글입니다. 영어 원문은 아래 바로가기를 클릭하거나 현재 글의 해석 아래 더보기를 클릭 시 확인하실 수 있습니다. 오타나 잘못된 해석은 댓글로 알려주시면 정정하겠습니다. ▶ 현재 페이지 본문 바로가기 Pug 2는 2016년 8월에 출시되었습니다. 새로운 릴리즈가 가능하도록 개선하기 위해 일부 API와 문서화되지 않은 언어 기능을 더이상 사용하지 않거나 제거하기로 결정해야 했습니다. 우리는 이러한 변경 사항이 가능한 한 방해가 되지 않게 만들기 위해 노력하였고, 이러한 변경 사항 중 상당수가 이전에 콘솔 경고에서 권장되지 않았습니다. 이 글에서는 애플리케이션을 Jade에서 Pug v2로 변환하는 방법에 대하여 자세히 설명합니다. 더보기 P.. 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.. [w3schools JS 해석] 0. 튜토리얼 자바스크립트는 세계에서 가장 인기있는 프로그래밍 언어입니다. 자바스크립트는 웹 프로그래밍 언어입니다. 자바스크립트는 배우기 쉽습니다. 이 튜토리얼에서는 자바스크립트의 기본부터 고급까지 알려줍니다. 각 장의 예시 Try it yourself 에디터를 사용해 소스코드를 편집하고 결과를 볼 수 있습니다. 메뉴 사용 이 튜토리얼을 메뉴에 나열된 순서대로 읽을 것을 추천합니다. 화면이 클 경우 메뉴는 왼쪽에 있습니다. 화면이 작을 경우 가장 상단의 ☰ 버튼을 클릭하여 메뉴를 열 수 있습니다. 예시를 통한 학습 예시가 백 마디 말보다 낫습니다. 예시는 종종 텍스트로 된 설명보다 이해하기 쉽습니다. 이 튜토리얼은 명확하게 하는 "Try it Yourself" 예시들로 모든 설명을 보완합니다. 당신이 모든 예제를 시도.. 이전 1 다음
