1. App.js 수정 App.js에 데이터를 수정하는 함수 modifyData를 작성 async function modifyData(el) { const modify = prompt(el.name + '을 어떤 이름으로 변경할까요?') if (modify !== null) { const body = { name : modify, id : el.id } const res = await axios('/modify/data', { method : 'POST', data : {'modify' : body}, headers : new Headers() }) if (res.data) { alert('데이터를 수정했습니다.') return window.location.reload() } } } 그리고 return에..
1. 프로젝트 시작 $npx create-react-app my-app으로 리액트 프로젝트 생성 npm start로 프로젝트 시작해서 확인해보기 2. server.js 생성 front와 back을 구분하고, back 부분에 server.js 파일을 생성 3. express 모듈 설치 npm install express 그리고 sever.js에 express 모듈을 불러오고, app이라는 변수에 express를 담는다. //backend/server.js const express = require('express'); const app = express(); 4. 포트 할당 포트는 해당 서버가 가지고 있는, 접속할 수 있게 해주는 주소 반드시 해당 서버에 적용된 포트로 접근해야만 올바르게 접속 가능 0~6..
1. 클라이언트와 서버 정보를 원하는 클라이언트가 서버에 요청(request)을 보내면 서버는 그 요청을 받아서 정보를 주기 위해 응답(response)을 한다 클라이언트는 정보를 이용하는 사용자 서버와 연결된 모든 단말기들, 혹은 브라우저 등등 서버는 네트워크를 통해 서비스 및 데이터를 제공하는 하나의 컴퓨터 요청을 받으면 서버는 DB에서 데이터를 찾아와서 클라이언트에 네트워크를 통해 데이터를 보낸다 서버는 항상 클라이언트의 요청에 응답할 준비가 되어 있어야함 2. JSON(JavaScript Object Notation) 데이터를 주고받기 위한 표기법 파이썬의 딕셔너리처럼 생겼음 파이썬의 딕셔너리와 리스트 구조로 쉽게 변환가능 서버 API의 응답으로 데이터를 줄때 JSON 형태를 많이 이용함 위와 같..
딥러닝/머신러닝, 통계학, IT프로그래밍, 알고리즘을 좋아하는 사람 https://github.com/yundaehyuck
