ํฐ์คํ ๋ฆฌ ๋ทฐ
Express์์ ์ ์ ํ์ผ ์ ๊ณต
์ด๋ฏธ์ง, CSS ํ์ผ ๋ฐ JavaScript ํ์ผ๊ณผ ๊ฐ์ ์ ์ ํ์ผ์ ์ ๊ณตํ๋ ค๋ฉด Express์ ๊ธฐ๋ณธ ์ ๊ณต ๋ฏธ๋ค์จ์ด ํจ์์ธ express.static
์ ์ฌ์ฉํ์ญ์์ค.
์ ์ ์์ฐ์ด ํฌํจ๋ ๋๋ ํ ๋ฆฌ์ ์ด๋ฆ์ express.static
๋ฏธ๋ค์จ์ด ํจ์์ ์ ๋ฌํ๋ฉด ํ์ผ์ ์ง์ ์ ์ธ ์ ๊ณต์ ์์ํ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค๋ฉด, ๋ค์๊ณผ ๊ฐ์ ์ฝ๋๋ฅผ ์ด์ฉํ์ฌ public
์ด๋ผ๋ ์ด๋ฆ์ ๋๋ ํ ๋ฆฌ์ ํฌํจ๋ ์ด๋ฏธ์ง, CSS ํ์ผ ๋ฐ JavaScript ํ์ผ์ ์ ๊ณตํ์ญ์์ค.
1 2 3 4 5 6 7 8 9 10 11 12 | var express = require('express'); var app = express(); app.use(express.static('public')); app.get('/',function(req,res){ res.send('Hello World!'); }); app.listen(3000,function() { console.log("Example app listening on port 3000!"); }); |
public์ด๋ผ๋ ๋๋ ํ ๋ฆฌ์ ์กด์ฌํ๋ ์ด๋ฏธ์ง์ด๋ฉฐ ํ์ผ์ด๋ฆ์ ํ์ฅ์๋ช ๊น์ง ๋ชจ๋ ์จ์ค์ผํ๋ค.
์ง๊ธ์ ์ด๋ฏธ์ง๋ง ๋ฌ๋ ๋ณด์ฌ์ฃผ๋ ํํ์ด๊ณ , ์กฐ๊ธ ๋ ๋์๊ฐ์ ๋ด๊ฐ ์ด์ ์ app.get์ด๋ผ๋ ๋ฉ์๋๋ฅผ ํตํด ๋ผ์ฐํ ์ ์ํํ๋ค๊ณ ํ์๋ค. ์ฆ, ๋ค๋ฅธ ๊ฒฝ๋ก(ํ์ด์ง)์์๋ public ๋๋ ํ ๋ฆฌ์ ์๋ ์ด๋ฏธ์ง๋ฅผ ์ฌ์ฉํ ์ ์๋ค. ์๋ฐ์์๋ static ๋ณ์๋ผํ๋ฉด ์ด๋ ํด๋์ค์์๋ ์ฌ์ฉํ ์ ์๋ ๋ณ์ ๋ผ๊ณ ๋ณผ ์ ์๋๋ฐ ๋น์ทํ ์๋ฏธ์ธ ๋ฏ ํ๋ค.
1 2 3 4 5 | app.get('/topic',function(req,res) { res.send('Hello btn, <img src="/enroll_btn.jpeg">'); }) | cs |
๊ฒฝ๋ก๋ฅผ ๋ณด๋ฉด topic์ด๋ผ๋ ๊ฒฝ๋ก์์๋ public์ ์๋ ์ด๋ฏธ์งํ์ผ์ ๋ก๋ํ๊ณ ์๋ ๊ฒ์ ๋ณผ ์ ์๋ค.
'Node.js > Node.js ๊ณต๋ถ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
5. ํ ํ๋ฆฟ ์์ง pug (2) | 2018.04.12 |
---|---|
express(3) - ๋์ ํ์ผ์๋น์ค (0) | 2018.04.06 |
4. express (1) (0) | 2018.03.26 |
[๋ณด์ถฉ] Node.js ๋น๋๊ธฐ ํ๋ก๊ทธ๋๋ฐ(aka. callback function) (0) | 2018.03.22 |
3. ๊ฐ๋จํ ์น ์๋ฒ ๋ง๋ค๊ธฐ (0) | 2018.03.21 |
- Total
- Today
- Yesterday
- JavaScript
- Spring
- android
- NestJS
- foreignkey
- nestjs directory
- Request_Limit_Exceeded
- nestjs/cli
- ํ๋ก๊ทธ๋๋จธ์ค
- sequelize
- nestjs config
- DeferredResult
- nestjs typeorm
- nestjs doc
- typeorm
- Spring Async
- ์๊ณ ๋ฆฌ์ฆ
- node.js
- nestjs module
- Promise error
- nestjs configService
- Promise bulk
- node.js backend
- ๊ธฐ์์ฒญAPI
- nestjs project
- backend-framework
- ๋น๋๊ธฐ ์์ฒญ
- docker mysql
- @nestjs/config
- typeorm ์ฐ๊ฒฐ
์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |