분류 전체보기24 7단원 정리[7 - 3] Do It 리액트 모던 웹 개발 with 타입스크립트 (리액트) 공부 [ 7 - 3 익스프레스 프레임워크로 API 서버 만들기 ] TCP / IP 프로토콜 알아보기TCP/IP 프로토콜은 IP 프로토콜 기반에서 데이터 전송방식을 제어하는 TCP 프로토콜을 함계 호칭하는 용어입니다.TCP/IP 프로토콜을 사용하는 시스템은 항상 데이터를 요청하는 클라이언트 프로그램과 데이터를 제공하는 서버 프로그램으로 구성됩니다. 서버 프로그램은 항상 클라이언트의 데이터 요청이 있는지 알기위해 특정 포트를 감시하고 있어야하는데 이과정을 리슨 이라고합니다. 포트의 목정이 이처럼 클라이언트 요청을 리슨하는데 있으므로 어떤 TCP/IP서버가 특정 포트를 리슨하고 있을때 다른 TCP/IP 서버는 이 포트에 접근하지못합니다. TCP/IP 연결이 되면 클라이언트와 서버 모두 소켓이라는 토큰을 얻습니다. .. 2025. 1. 8. 7단원 정리[7 - 2] Do It 리액트 모던 웹 개발 with 타입스크립트 (리액트) 공부 [ 07 - 2 프로그래밍으로 몽고DB 사용하기 ]프로젝트만들기npm init --ynpm i -D typescript ts-node @types/nodetsc --initnpm i mongodbnpm i -D @types/mongodb위순서대로 설치를 해줍니다 몽고DB와 연결하기mongoDB는 프로토콜이름일고 localhost는 호스트이름, 기본포트는 27017 입니다.몽고DB 연결 URLmongodb://localhost:27017 mongodb패키지는 몽고DB와 연결을 쉽게 할 수 있도록 다음처럼 MongoClient클래스를 제공합니다.import {MongoClient} from 'mongodb' MongoClient 클래스는 다음처럼 connect 정적 메서드를 제공하여 프로미스 형태로 Mong.. 2025. 1. 7. 7단원 정리[7 - 1] Do It 리액트 모던 웹 개발 with 타입스크립트 (리액트) 공부 [ 07 - 1 몽고DB 이해하기 ]현재 데이터베이스는 오라클과 같은 관계형 데이터베이스 시스템과 몽고DB와 같은 NoSQL데이터베이스 시스템으로 양분되어 있습니다. 몽고DB같은 NoSQL시스템은 SQL(데이터 질의언어)을 사용하지 않고 자바 스크립트와 같은 전혀 다른 방식의 질의어를 사용합니다. 몽고DB는 JSON포멧으로 바꿀 수 있는 모든 자바 스크립트 객체를 자유롭게 저장할 수 있어서 listidOrders, listidCardidORders와 같은 배열 데이터를 저장하고 다루기가 매우 편리합니다. 몽고DB 설치하기몽고DB홈페이지(mongodb.com)에서 다음 그림처럼 플랫폼별 설치파일을 내려받은 후 실행합니다.저는 https://www.mongodb.com/try/download/communit.. 2025. 1. 7. 6단원 정리[6 - 3] Do It 리액트 모던 웹 개발 with 타입스크립트 (리액트) 공부 [6 - 3] 공개 라우트와 비공개 라우트 구현하기공개 라우트와 비공개 라우트웹사이트에 회원 가입을 해야하지만 주요 서비스를 이용할 수 있도록 할 때가 많습니다. 보통 홈페이지(/), 로그인 페이지(/login), 회원 가입 페이지(/signup)처럼 누구나 접속할 수 있는 경로를 공개 라우트 라고 합니다.반면에 로그인한 사용자만 접속할 수 있는 경로는 비공개 라우트 라고합니다. 사용자 인증 컨텍스트 만들기웹 페이지에서 사용자가 로그인이나 회원 가입을 했는지 알려면 모든 비공개 경로의 컨포넌트는 자유롭게 사용자의 정보를 알수 있어야합니다. 리액트 프레임워크에서는 여러 컴포넌트가 어떠한 정보를 공유하게 하는것은 컨텍스트를 사용한느 방법이랑 리덕스를 사용하는 방법이 있습니다. 하지만 앱이 항상 리덕스만 사용.. 2024. 12. 30. 이전 1 2 3 4 ··· 6 다음
