본문 바로가기

JavaScript136

Node) http 모듈로 서버 만들기 - 요청과 응답 이해하기, REST와 라우팅 이용하기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. [Node.js 교과서]의 책을 참고하여 포스팅한 개인 공부 내용입니다. http 모듈로 서버 만들기 요청과 응답 이해하기 클라이언트에서 서버로 요청(request)을 보내고, 서버에서는 요청의 내용을 읽고 처리한 뒤 클라이언트에 응답(response)을 보냅니다. 따라서 서버에는 요청을 받는 부분과 응답을 보내는 부분이 있어야 합니다. (이벤트 방식) 따라서 클라이언트로부터 요청이 왔을 때 어떤 작업을 수행할지 이벤트 리스너를 미리 등록해야 합니다. createServer.js const http = require("http"); http.createServer((req, res) => { }); http 서버가 있어야 웹 브라우저 요청을 처리할 수 있기.. 2022. 12. 27.
Node) 노드 기능 알아보기 - 이벤트 이해하기, 예외 처리하기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. [Node.js 교과서]의 책을 참고하여 포스팅한 개인 공부 내용입니다. 노드 기능 알아보기 이벤트 이해하기 event.js const EventEmitter = require("events"); const myEvent = new EventEmitter(); myEvent.addListener("event1", () => { console.log("이벤트1"); }); myEvent.on("event2", () => { console.log("이벤트2"); }); myEvent.on("event2", () => { console.log("이벤트2 추가"); }); // 한번만 실행 myEvent.once("event3", () => { console.lo.. 2022. 12. 27.
Node) 노드 기능 알아보기 - 노드 내장 모듈 사용하기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. [Node.js 교과서]의 책을 참고하여 포스팅한 개인 공부 내용입니다. 노드 기능 알아보기 노드 내장 모듈 사용하기 노드는 운영체제 정보에 접근, 클라이언트가 요청한 주소에 대한 정보 등을 가져올 수 있으며, 이러한 기능을 하는 모듈을 제공합니다. os 노드는 os 모듈에 정보가 담겨 있어 정보를 가져올 수 있음 (웹 브라우저에 사용되는 js는 운영체제의 정보를 가져올 수 없음) require('os') 또는 require('node:os')로 모듈을 불러옴 (os라는 파일이 존재하진 않지만, 노드가 알아서 내장 모듈인 것을 파악해 불러옴) os.js const os = require("os"); console.log("----- 운영 체제 정보 ----.. 2022. 12. 27.
Node) 노드 기능 알아보기 - 노드 내장 객체 알아보기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. [Node.js 교과서]의 책을 참고하여 포스팅한 개인 공부 내용입니다. 노드 기능 알아보기 노드 내장 객체 알아보기 노드에서는 기본적인 내장 객체와 내장 모듈을 제공하며, 따로 설치하지 않아도 바로 사용할 수 있습니다. (브라우저의 window 객체와 비슷) global 전역 객체 (모든 파일에서 접근 가능) 메소드 호출 시 global 생략 가능 (global.require → require 로 사용) window와 document 객체를 노드에서 사용할 수 없어 이를 아우르는 globalThis 객체가 생성됨 브라우저 환경에선 globalThis → window, 노드에선 globalThis → global @콘솔출력값 > global Object [.. 2022. 12. 27.
Node) 노드 기능 알아보기 - REPL, 모듈 사용하기 안녕하세요, 코린이의 코딩 학습기 채니 입니다. [Node.js 교과서]의 책을 참고하여 포스팅한 개인 공부 내용입니다. 노드 기능 알아보기 REPL 사용하기 REPL 입력한 코드를 읽고 (Read) 해석하고 (Eval) 결과물을 반환하고 (Print) 종료할 때까지 반복 (Loop) 노드의 REPL을 사용하기 위해 터미널을 열어줍니다. (ctrl + `) $ node Welcome to Node.js v18.12.1. Type ".help" for more information. 프롬프트가 > 모양으로 바뀌었다면 자바스크립트 코드를 입력할 수 있습니다. > const str = 'Hello world, Hello node'; undefined > console.log(str); Hello world, .. 2022. 12. 27.
React) 리덕스 미들웨어를 통한 비동기 작업 관리 - 미들웨어란? 안녕하세요, 코린이의 코딩 학습기 채니 입니다. [리액트를 다루는 기술]의 책을 참고하여 포스팅한 개인 공부 내용입니다. 리덕스 미들웨어를 통한 비동기 작업 관리 리액트 웹 애플리케이션에서 API 서버를 연동할 때는 상태 관리를 잘 해줘야 합니다. 요청이 시작되었을 때는 로딩 중임을, 요청이 성공/실패했을 때는 로딩이 끝났음을 명시해주어야 합니다. 요청이 성공하면 서버에서 받아 온 응답에 대한 상태를 관리하고, 요청이 실패하면 서버에서 반환한 에러 상태를 관리합니다. 리덕스 사용 시 이 같은 비동기 작업을 관리해야 한다면, 미들웨어를 사용해 효율적으로 관리할 수 있습니다. 작업 환경 준비 CRA 사용해 리액트 프로젝트 생성 $ yarn create react-app learn-redux-middlewar.. 2022. 12. 19.

티스토리툴바