초보자가 학습한 Type Script 시작 버전0.5 [준비편]
7342 단어 Node.jsJavaScriptTypeScriptejs
전회의 줄거리
Type Script 시작 버전0.2
Type Script에서 작업할 때 node.js를 한 번 배우기로 했어요.
node.일본어를 배우다
$ npm install ejs
~~.ejs라는 문서 형식으로 제작된 것이다.템플릿의 전개 형식으로 이번에는 두 가지를 사용한다.
<%= 値 %>는 의 JS 변수 값을 확장에서 회피하는 기술입니다.< 또는 >은(는) 출력에서 벗어날 수 있으므로 HTML 태그를 사용할 때 다음과 같은 방법을 사용합니다.
<%- 値 %>중간 JS 변수 값을 피하지 않고 확장된 기술 방법입니다.이 옵션은 JS 변수가 HTML인 경우 사용되지만 스크립트를 삽입할 때는 유의하십시오.
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル ejs</title>
</head>
<body>
<h1><%= title %></h1>
<%- content %>
<p>ランダム生成された値は <%= randomNumber %> です。</p>
</body>
</html>
server.js 측도 sample.ejs의 가격을 개작해 보았다.server.js
const http = require('http');
const ejs = require('ejs');
const filSystem = require('fs');
const server = http.createServer();
let message = '';
// テンプレートファイルを扱う.
let template = filSystem.readFileSync(__dirname + '/sample.ejs', 'utf-8');
let randomNumber = 0;
server.on('request', function(request, response) {
randomNumber = Math.round(Math.random() * 100);
let data = ejs.render(template, {
title: 'Hello Hello',
content: "<h2>アクセスありがとうございます！</h2>",
randomNumber: randomNumber,
});
response.writeHead(200, {'Content-Type' : 'text/html'});
response.write(data);
response.end();
});
server.listen(3000);
$ node server.js
http://localhost:3000와 브라우저를 사용하여 ejs의 템플릿에 변수를 펼치고 페이지를 표시합니다.
총결산
당분간 이렇게 하자 node.제이스는 OK죠?
타입 스크립트를 써보세요!
선전하다.
나는 이직을 계기로 다양한 시도를 했다.
거의 매일 AWS
거의 매일 AWS
AWS의 각 솔루션에 대해 "이 솔루션은 무엇입니까?"이런 관점으로 총결해 낸 것이다.
소프트웨어 for Swift 실습 시작
소프트웨어 for Swift 실습 시작
매일 스위프트 실천 입문 서적을 읽으면서 필요에 따라 코드를 작성해 취합한다.
Reference
이 문제에 관하여(초보자가 학습한 Type Script 시작 버전0.5 [준비편]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ikkitang/items/a5b7fe752dd70eb15fc5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
나는 이직을 계기로 다양한 시도를 했다.
거의 매일 AWS
거의 매일 AWS
AWS의 각 솔루션에 대해 "이 솔루션은 무엇입니까?"이런 관점으로 총결해 낸 것이다.
소프트웨어 for Swift 실습 시작
소프트웨어 for Swift 실습 시작
매일 스위프트 실천 입문 서적을 읽으면서 필요에 따라 코드를 작성해 취합한다.
Reference
이 문제에 관하여(초보자가 학습한 Type Script 시작 버전0.5 [준비편]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ikkitang/items/a5b7fe752dd70eb15fc5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
