ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [ Node ] ๋ผ..๋ผ์šฐํ„ฐ? ๊ทธ๊ฒŒ ๋ญ”๋ฐ..
    WEB/Node.js 2023. 7. 29. 09:48

    Routhing (๋ผ์šฐํŒ…)

    ๐Ÿ’ก ์‚ฌ์šฉ์ž ์š”์ฒญ์— ๋งž๋Š” ์‘๋‹ต์„ ๊ฒฝ๋กœ ๊ธฐ์ค€์œผ๋กœ ๊ตฌ๋ถ„ํ•˜์—ฌ ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ

     

    ๊ทธ๋ƒฅ ์‰ฝ๊ฒŒ server.js์— ๋ชฐ์•„๋„ฃ์œผ๋ฉด ๋ฏธ๋ž˜์˜ ๋‚˜, ๋™๋ฃŒ์—๊ฒŒ ์ฃ„์†ก์Šค๋Ÿฌ์›Œ์ ธ์„œ ๋งŒ๋“ ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ž~

     

     

     

     

    ** server.js ์ด๋ฏธ ๋งŒ๋“ค์—ˆ๋‹ค๋Š” ๊ฐ€์ •ํ•˜์— ์„ค๋ช…๋“œ๋ฆฝ๋‹ˆ๋‹ค~

    ์‚ฌ์šฉ๋ฒ•

    1. routes ํด๋” ์ƒ์„ฑ

    2. routes์•ˆ์— index.js ๋งŒ๋“ ๋‹ค.

    3. ๊ธฐ๋ณธ์„ธํŒ…

    module.exports = router๋Š” ์ˆ˜์ถœํ•ด์ค€๋‹ค๋Š” ๋œป

    const express = require('express')
    const router = express.Router()
    
    module.exports = router
    

    4. ๊ฒฝ๋กœ ๋งŒ๋“ค๊ธฐ

    const express = require('express')
    const router = express.Router()
    
    router.get('/', (req, res) => {
    	res.send('์•ˆ๋‡ฝ์•ˆ๋‡ฝ')
    })
    
    module.exports = router
    

    5. ์ด์ œ server.js์— import ์‹œํ‚ค๊ธฐ

    ์ปดํ“จํ„ฐ์•ผ~ import ์‹œ์ผœ์ค˜! ํ•˜๋ฉด ๋ชป ์•Œ์•„๋จน๊ธฐ๋•Œ๋ฌธ์— ๋‹ค์ •ํ•œ ์šฐ๋ฆฌ๋Š” ์ด๋ ‡๊ฒŒ ์„ค๋ช…ํ•ด์ค˜์•ผํ•ฉ๋‹ˆ๋‹ค.

     

    indexRouter๋ผ๋Š” ๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“ค๊ณ  ๊ฑฐ๊ธฐ์— require(๋ผ์šฐํ„ฐ๊ฒฝ๋กœ)๋ฅผ ๋„ฃ์„๊ฑฐ์•ผ~

    ๊ทธ๋ฆฌ๊ณ  ๊ทธ๊ฑธ app.use('/' , indexRouter) ๋กœ ์‚ฌ์šฉํ• ๊ฑฐ๋‹ค~? ๋ผ๊ณ  ํ•˜๋Š”๊ฒƒ.

    const indexRouter = require('./routes')
    
    app.use('/', indexRouter)
    const express = require('express')
    const app = express()
    
    //import ๋ณ€์ˆ˜
    const indexRouter = require('./routes')
    
    // Routing (๋ผ์šฐํŒ…) : ์‚ฌ์šฉ์ž ์š”์ฒญ์— ๋งž๋Š” ์‘๋‹ต์„ ๊ฒฝ๋กœ ๊ธฐ์ค€์œผ๋กœ ๊ตฌ๋ถ„ํ•˜์—ฌ ์ฒ˜๋ฆฌํ•˜๋Š”๊ฒƒ
    
    // import ์‚ฌ์šฉ
    app.use('/', indexRouter)
    
    app.set('port', process.env.PORT || 3333)
    app.listen(app.get('port'), () => {
        console.log('hihi')
    })

     

    ๊ทธ๋Ÿฌ๋ฉด ์—ฌ๊ธฐ์„œ ์žฅ์ ์„ ์ƒ๊ฐํ•ด๋ณด์ž.

     

    ๋งŒ์•ฝ์— / ๊ฒฝ๋กœ๋กœ ๋ฌด์–ธ๊ฐ€ ์ถ”๊ฐ€ํ•ด์•ผํ•œ๋‹ค๋ฉด? server.js์—์„œ ๋ˆˆ๋น ์ง€๊ฒŒ ์ฃผ์„ ์ฐพ๋Š”๊ฒŒ ์•„๋‹Œ. 

    "์•„! ๋ผ์šฐํ„ฐ ํด๋”์— ๋“ค์–ด๊ฐ€์„œ index.js์•ˆ์— ๊ฐ„๋‹จํ•˜๊ฒŒ ์ถ”๊ฐ€๋งŒ ํ•ด์ค˜์•ผ์ง€~ " ๋ผ๊ณ  ํ•˜๋ฉด ๋œ๋‹ค. 

     

     

     

     

    userRouter๋„ ๋งŒ๋“ค์–ด๋ณด์ž.

     

     

     

    +++++++

    ๋งŒ์•ฝ์— ์šฐ๋ฆฌ๊ฐ€ userpage๋ฅผ ๋งŒ๋“œ๋ ค๊ณ  ํ•œ๋‹ค. 

     

    ๊ทธ๋Ÿฐ๋ฐ ๋„ˆ๋ฌด ์ž˜ ๋‚˜๊ฐ€๋Š” ๋ฐ”๋žŒ์— user๊ฐ€ 1000๋ช…์ด ๋˜๋ฒ„๋ ธ๋‹ค.

     

    userpage๋ฅผ ์œ„ํ•ด์„œ 1000๊ฐœ๋ฅผ ๋งŒ๋“ค์–ด์•ผํ• ๊นŒ?

     

    ์ƒ๊ฐ๋งŒํ•ด๋„ ๋”์ฐํ•˜๋‹ค.

     

    ๊ทธ๋ž˜์„œ ์šฐ๋ฆฌ๋Š” ๋ผ์šฐํŠธ ๋งค๊ฐœ๋ณ€์ˆ˜๋ฅผ ์จ๋ณด์ž!

    router.get('/:id', (req, res) => {
        console.log(req.params)
        res.send(`${req.params.id} ํ™˜์˜ํ•ฉ๋‹ˆ๋‹ค~`)
    })
    

    :id ์ด๊ฑธ์“ฐ๋ฉด 1000๋งŒ๊ฐœ๋„ ๋งŒ๋“ค ์ˆ˜ ์ด์”€

     

    ์ด๋Ÿฐ๊ฒƒ๋„ ์žˆ์œผ๋‹ˆ ์ž˜ ์จ๋จน์–ด๋ณด์ž~

     

     

leechi's blog