사용자 아이디 : <% = userid %>
사용자 이름 : <% = username %>
' + err.stack+'
'); res.end(); return; } console.log('rendered: '+html); res.end(html); }); ``` `render()`메소드를 호출하면 뷰 엔진이 템플릿 파일을 읽어 들인 후 파라미터로 전달한 context객체의 속성으로 들어 있는 값들을 적용하고 그 결과를 콜백함수로 돌려준다. ### 뷰 템플릿으로 사용자 리스트 웹 문서 만들기 ```' + err.stack + '
'); res.end(); return; } console.log('rendered:'+html); res.end(html); }); ``` ## 08-2 pug 뷰 템플릿 사용하기 `pug`포맷은 웹 문서의 태그를 그대로 사용하지 않고 최대한 간단한 형태로 입력하기 때문에 **공백,들여쓰기**를 기준으로 태그의 구조가 결정된다. \[[pugjs.org](http://pugjs.org)] ```javascript //뷰 템플릿 설정 app.set('views',__dirname+'/views'); app.set('view engine','pug'); ``` ### pug로 HTML문서 만들기 `pug`는 공백을 **두 개**사용하여 들여쓰기를 한다. ### pug 템플릿으로 로그인 웹 문서 만들기 ``` doctype html html head meta(charset='utf8') title 로그인 성공 페이지 body h1 로그인 성공 div p 사용자 아이디 : #{userid} div p 사용자 이름 : #{username} br br a(href = '/public/login.html') 다시 로그인하기 ``` ```javascript res.writeHead('200', {'Content-Type':'text/html;charset=utf8'}); //뷰 템플릿으로 렌더링한 후 전송 var context = {userid: paramId,username:username}; req.app.render('login_success',context,function(err,html){ if(err){throw err;} console.log('rendered : '+html); res.end(html); }); ``` ### pug 템플릿으로 사용자 리스트 웹 문서 만들기 ``` doctype html html head meta(charset='utf8') title 사용자 리스트 페이지 body h1 사용자 리스트 div ul - for (var i=0;i' + err.stack + '
'); res.end(); return; } console.log('rendered : '+html); res.end(html); }); ``` ### pug 템플릿으로 사용자 추가 웹 문서 만들기 ``` doctype html html head meta(charset='utf8') title extends로 상속함 script(src = 'public/jquery-2.1.4.min.js') body block content include ./footer.pug ``` * `block`코드는 이 파일을 상속받는 파일에서 이 부분을 대체할 수 있다는 것이다. * `include`는 다른 pug템플릿 파일을 읽어와서 코드를 붙여준다. ``` div#fotter a(href='/public/login.html') 로그인으로 - pug include됨 ``` ``` extends layout block content h2 #{title} ``` ```javascript if (addedUser) { console.dir(addedUser); res.writeHead('200', {'Content-Type':'text/html;charset=utf8'}); // 뷰 템플릿으로 렌더링한 후 전송 var context = {title : '사용자 추가 성공'}; req.app.render('adduser',context,function(err,html){ if(err){ console.error('뷰 렌더링 중 오류 발생'+err.stack); res.writeHead('200', {'Content-Type':'text/html;charset=utf8'}); res.write('' + err.stack + '
'); res.end(); return; } console.log('rendered : '+html); res.end(html); }); } ``` --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://dahye-jeong.gitbook.io/til/nodejs/chapter8.md?ask=