doeunn.log

▶NodeJS(express)랑 React랑 연동하기 저는 처음에 express와 React를 따로따로 배웠던 터라 React에서 express를 연결하는 부분에 있어서 어려움이 좀 있었는데 그 방법에 대해서 좀 정리해보려고 합니다 :) 클라이언트 / 서버 시점에서 살펴보려고 합니다. 우선 react와 express를 연결한다는 의미는 무엇인가? express는 누군가 서버의 포트로 접속을 하면 react로 만든 파일들을 보여주는 역할을 수행하면 되는 것입니다. 1. Client(React) creat-react-app ./ 리액트 파일이 설치가 되었다면 이제 express와 연동하는 것을 해 봅시다. 우선 우리는 클라이언트를 서버와 연결할 것을 알고 있어야 합니다. 이 말은 클라이언트의 포트와 서버의 ..

▶NodeJS 처음 시작하기 node node 하는데 처음에 아무 것도 없이는 실행할 수는 없습니다! 이번 글에서는 손수 시작하는 방법과 뼈대를 만들어주는 라이브러리를 소개하려고 합니다 :) 1. 손수 시작하기 ① 빈 폴더 하나 만들기 ② 만든 폴더 VSCode로 열기 빈 폴더를 열게 되면 이렇게 텅텅 빈 화면이 나오겠죠? ③ 터미널 열기 상단바에서 터미널 → 새 터미널 열기 혹은 Ctrl + ` 해주면 터미널이 열리게 됩니다. ④ 터미널에서 npm init npm init 실행하게 되면 package.json 파일이 생성되게 됩니다. package.json 파일은 개발자가 배포한 패키지에 대해, 다른 사람들이 관리하고 설치하기 쉽게 하기 위한 문서. npm에 패키지를 배포하고 npm registry에 ..

▶NodeJS 소개 1. Node의 정의 노드는 서버인가? 서버의 역할도 수행할 수 있는 자바스크립트 런타임 런타임: 특정 언어로 만든 프로그램들을 실행할 수 있게 해주는 가상머신(크롬의 V8 엔진 사용)의 상태 다른 런타임으로는 웹 브라우저(크롬, 엣지, 사파리, 파이어폭스 등)가 있습니다. 결론적으로는 서버 자체는 아니며, 서버 역할도 할 수 있는 자바스크립트 런타임이라고 정의할 수 있겠습니다 즉, 노드로 자바스크립트로 작성된 프로그램(서버)를 실행할 수 있습니다. 또한, 노드는 서버 실행을 위해 필요한 http/https/http2 모듈(express)를 제공합니다. express가 무엇인지는 차차 알아봅시다 :) 2. Node의 내부구조 2008년 V8 엔진 출시, 2009년 노드 프로젝트 시작 ..