![]()
두산베어스 선수 정보 프로젝트 제작중 naver API를 이용한 news 호출시 CORS 에러가 발생하였다. 이번엔 Node.js 백엔드를 추가하여 CORS 에러를 해결해 보았다. https://github.com/yeonhub/PP-doosan_bears_node GitHub - yeonhub/PP-doosan_bears_node: [개인 프로젝트] 두산 베어스 선수 정보 (Node.js) [개인 프로젝트] 두산 베어스 선수 정보 (Node.js). Contribute to yeonhub/PP-doosan_bears_node development by creating an account on GitHub. github.com 1) CORS 에러 서로간의 공유(CORS) 원격 소스 공유 (Cross-Or..
![]()
오늘은 MySQL을 연결하여 db를 업데이트, 관리하는 것을 배웠다. 결국 동적 서버에 업로드하고 실시간으로 데이터를 주고받으려면 sql이 필요하기 때문에 서버에 올리기 전에 로컬에서 사용법을 배웠다. 1) SQL db 생성 MySQL에서 database와 초기 데이터 출력을 위한 table을 생성했다. create database todo; use todo; create table todos ( id int primary key auto_increment, text varchar(100) not null , isChk boolean not null ); insert into todos (id, text, isChk ) value (1,'친구만나기', true), (2,'점심먹기',false), (3,'..
![]()
node를 이용해 backend의 구조를 설계할 때 어제처럼 index.js에 모두 넣는 것보다 나누어 설계하는 것이 유지보수, 관리하기에 유용하다. 따라서 어제 만들었던 Todo 예제를 MVC 디자인 패턴을 적용하여 총 3개의 폴더를 추가로 만들 것이다. 1) index node express에 기본 내장된 Router 기능을 이용하기 위해 index 코드를 수정해야 한다. app.get('/todos', (req, res) => { res.send(todos) }) app.delete('/todos/:id', (req, res) => { todos = todos.filter(item => item.id !== Number(req.params.id)) res.send(todos) }) app.post(..
![]()
params Todo 예제 1) params node에서 서버에 요청을 보낼 때 매개변수를 같이 보낼 수 있다. 아래 코드를 보면 data에 총 5개의 객체가 있고, 3000/language엔 모든 data가 출력된다. const express = require('express'); const app = express(); const port = 3000; app.use(express.json()); const data = [ { id: 1, name: 'vanillascript', price: 100, desc: '바닐라 스크립트', imgurl: '/images/img1.jpg' }, { id: 2, name: 'node', price: 200, desc: '노드', imgurl: '/images/i..
![]()
1) Node express 설치 https://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs.com node를 쉽게 사용하기 위해 node의 프레임 워크 express를 설치해야 한다. 먼저 node를 사용할 폴더에 초기화를 해준다. package.json 파일이 만들어 지면 성공이다. npm init 그리고 express도 설치치해준다. npm install express 2) nodemon 설치 https://www.npmjs.com/package/nodemon nodemon Simple monitor script for use..
