node.js mysql 검색 기능

Question

안녕하세요! vscode에서 node.js, mysql 로 검색 기능을 구현하려고 합니다. node.js를 이번에 처음 써보는거라 챗gpt 도움을 많이 받아 코드는 작성해 보았는데 결과가 뜨지 않습니다. 서버 연결도 mysql 연동도 잘 되는거 같은데 어디가 문제인지 모르겠습니다..이런 초보자의 질문 읽어주셔서, 이런 긴 글 읽어주셔서 감사합니다:)index.html Document

script.jsconst serverUrl = 'http://localhost:3000'; function search() { const searchInput = document.getElementById('searchInput').value; // 검색어가 비어있지 않을 경우에만 서버로 요청 전송 if (searchInput.trim() !== '') { fetch(`${serverUrl}/search?keyword=${encodeURIComponent(searchInput)}`) .then(response => response.json()) .then(data => { const resultContainer = document.getElementById('resultContainer'); resultContainer.innerHTML = ''; // 이전 결과 초기화 if (data.length === 0) { resultContainer.innerHTML = '

검색 결과가 없습니다.

'; } else { const ul = document.createElement('ul'); data.forEach(item => { const li = document.createElement('li'); li.textContent = item.Menu_Name; // 검색 결과에 따라 적절한 속성 사용 ul.appendChild(li); }); resultContainer.appendChild(ul); } }) .catch(error => console.error('Error fetching data:', error)); } }app.jsconst express = require('express'); const mysql = require('mysql2'); const app = express(); const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: '#', / database: '#', }); connection.connect((err) => { if(err) { console.error(err); }else { console.log('성공!'); } }); app.use(express.json()); app.get('/search', (req, res) => { const keyword = req.query.keyword; const sql = `SELECT Menu_Name FROM tb_menu_e WHERE Menu_Name LIKE '%${keyword}%'`; connection.query(sql, (err, results) => { if (err) { console.error('Error executing the query:', err); res.status(500).json({ error: 'Internal server error' }); } else { res.json(results); } }); }); // 서버를 시작하는 부분 (서버 포트에 맞게 변경) const port = 3000; app.listen(port, () => { console.log(`Server is running on port ${port}`); });결과:터미널index.htmllocalhost:3000/search콘솔네트워크

Clickin · Answer

button 클릭 시 콘솔과 네트워크 탭에서 어떻게 결과가 나오던가요?

Duckey · Answer

오류에 CORS 오류가 보입니다. 구글링 해보시겠어요?

node.js mysql 검색 기능

2개의 답변

Q&A 목록