본문 바로가기

JavaScript/Node.js

[React] 리액트와 Node.js 서버 연동하기
JavaScript/Node.js 2023. 10. 4. [React] 리액트와 Node.js 서버 연동하기 안녕하세요! 리액트와 Node.js 서버를 연동해 보도록 하겠습니다 :D 리액트가 정상적으로 설치가 완료되었다고 가정하겠습니다. App.js import React, { useEffect, useState } from 'react'; import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; import './css/App.css'; function App() { const [data, setData] = useState(null); useEffect(() => { fetch('http://localhost:{포트번호}/main') .then(response => response.json()) .then(data => setData(..
[Node.js] Node.js란? 개념 정리 + Node.js 설치 및 Express 설치 방법
JavaScript/Node.js 2023. 9. 29. [Node.js] Node.js란? 개념 정리 + Node.js 설치 및 Express 설치 방법 Node.js란? - Node.js는 서버 환경에서 실행되는 JavaScript 런타임, 즉 실행기라고 보시면 됩니다. - V8 JavaScript엔진을 기반으로 만들어졌으며, 비동기 이벤트 주도 아키텍처를 사용합니다. - Node.js가 아닌 다른 서버들 같은 경우 기본적으로 먼저 온 순서대로, 차례대로 요청을 처리해 줍니다. 이런 경우 처리해야 할 데이터가 갑자기 증가한다면 그만큼 대기 시간도 증가하게 됩니다. 하지만 Node.js는 우선 유저들의 요청을 전부 받은 후 빨리 처리가 완료되는 순서대로 처리 주게 되는데요? 이러한 방식을 비동기 처리라고 합니다. 장점 1. 성능: 매우 빠른 실행 속도를 제공하고 있습니다. 2. 비동기 및 이벤트 주도 처리: 비동기 처리와 단일 스데르 모델을 사용하고 있기..

티스토리툴바