초보자를 위한 Node.js 200제:
- 2024-08-20 19:06:52
- 리뷰(0)

Node.js를 사용하여 상품의 상세 설명을 구현하는 방법에 대해 알아보겠습니다. 1. 먼저 Node.js 환경을 설정합니다. Node.js를 설치하고 새로운 프로젝트 폴더를 생성합니다. 2. Express 모듈을 사용하여 웹 서버를 구성합니다. Express를 설치하고 서버를 시작하는 코드를 작성합니다. ```js const express = require('express'); const app = express(); const port = 3000; app.get('/product/:id', (req, res) => { const productId = req.params.id; // 데이터베이스에서 상품 정보를 조회하는 코드 작성 res.send('Product details for id: ' + productId); }); app.listen(port, () => { console.log(`Server is running at http://localhost:${port}`); }); ``` 3. 상품 정보를 조회하는 코드를 작성합니다. 데이터베이스에 연결하여 상품 정보를 조회하는 코드를 작성합니다. 4. 상품 상세 페이지를 보여주는 HTML 템플릿을 만들어야 합니다. EJS나 Pug와 같은 템플릿 엔진을 사용하여 동적으로 상품 정보를 보여줄 수 있습니다. 5. 상품 상세 페이지를 렌더링하는 코드를 작성합니다. Express 라우팅에서 상품 정보를 조회하고 HTML 템플릿을 렌더링하는 코드를 작성합니다. ```js app.get('/product/:id', (req, res) => { const productId = req.params.id; // 상품 정보 조회 const product = { id: productId, name: 'Sample Product', description: 'This is a sample product description.' }; res.render('product-detail', { product }); }); ``` 6. HTML 템플릿에서 상품 정보를 동적으로 렌더링합니다. 템플릿 엔진 문법을 사용하여 상품 정보를 화면에 보여주는 코드를 작성합니다. 위와 같은 과정을 통해 Node.js를 사용하여 상품의 상세 설명을 구현할 수 있습니다. 기본적인 웹 서버와 데이터베이스 연동, 템플릿 렌더링 등의 기능을 구현하는 것이 중요합니다. 이를 기반으로 상세 기능을 확장하고 변경해 나가면서 Node.js 개발에 대한 이해를 높일 수 있습니다.
가격·재고는 판매 페이지 기준으로 실시간 변동될 수 있습니다.
최신 정보는 상세 페이지에서 확인하세요.

