MERN(12)
-
MongoDB란 (feat. NoSQL, SQL)
MongoDB는 NoSQL 데이터 베이스임 (SQL 데이터베이스와 다름) "Collection = Table"이라는 것에 "Documents = Record"를 저장함 특정 스키마나 relation이 지정되지 않음 => 엄격한 기준이 없어서 직접 데이터 스키마도 지정할 수 있음 NoSQL에서는 relation이 핵심 역할을 하지 않음 Node/Express와 쉽게 연결됨 다른 데이터 베이스도 사용할 수 있음 그럼 왜 NoSQL을 쓸까? NoSQL vs SQL NoSQL - NoSQL DB에는 CouchDB와 MongoDB가 있음 - 특정 데이터 스키마를 요구하지 않음 - 기록, 주문이나 채티 메세지에 적합 => 저장하거나 요청해야 하는 정보가 잦을 때 => 아주 빠르고 쿼리 생성 쉬움 SQL - SQL ..
2024.01.03 -
MERN - Express 오류 처리
Express.js와 같은 웹 프레임워크에서는 오류 핸들링을 위한 메커니즘을 제공합니다. Express.js에서 오류 처리는 다음과 같이 이루어집니다: 미들웨어 체인에서 오류 처리: Express.js 미들웨어 함수 중에서 오류를 처리하는 미들웨어를 정의할 수 있습니다. 이러한 미들웨어는 next 함수의 인자로 오류 객체를 받을 수 있습니다. 예를 들어: app.use((err, req, res, next) => { // 오류 처리 코드 console.error(err); res.status(500).send('서버 오류 발생'); }); 위의 미들웨어는 다른 미들웨어나 라우트 핸들러에서 오류가 발생할 때 호출됩니다. 오류가 발생하면 해당 미들웨어로 전달되며 오류 처리 및 응답을 수행할 수 있습니다. 에..
2023.09.17 -
MERN 참고 공식 사이트
Node.js 공식 문서: https://nodejs.org/en/docs/ Express.js 공식 문서: https://expressjs.com/ Node + Express 추가 자료: https://academind.com/learn/node-js/
2023.09.17 -
BodyParser
React 자체에서는 BodyParser와 같은 서버 측 미들웨어 기능을 제공하지 않습니다. BodyParser는 일반적으로 Express.js와 같은 백엔드 프레임워크에서 사용되는 미들웨어 중 하나입니다. BodyParser는 클라이언트에서 서버로 전송되는 HTTP 요청의 본문(body) 데이터를 파싱하고 해당 데이터를 사용할 수 있는 형태로 변환해주는 역할을 합니다. 즉, body-parser란 요청의 본문에 있는 데이터를 해석해서 req.body 객체로 만들어주는 미들웨어 입니다. React는 사용자 인터페이스(UI)를 구축하는 JavaScript 라이브러리이며, 주로 클라이언트 측에서 실행됩니다. React 애플리케이션은 사용자와 상호작용하고, 데이터를 표시하며, UI를 업데이트하기 위한 것이 주..
2023.09.17 -
React - useEffect
의존성이 변경될 때 실행되게 만드는 것 입력값이나, 유효성이 바뀌어서 계속 확인해야하는 input 검증에 많이 쓰임. (예를들어, 회원 가입 시 비밀번호 설정할 때 특수 문자 안되게 하는) useEffect는 2번째 인자로 의존성 배열을 받는데 (의존성 배열의 값이 변경될 때 useEffect 실행 됨) 의존성 배열은 useEffect에게 알려주는 것으로, 해당 배열 안에 포함된 상태나 프로퍼티가 변경되었을 때에만 useEffect의 작업이 실행되어야 함을 의미함 의존성 배열을 사용하지 않거나 빈 배열([])로 지정한다면, useEffect의 작업은 컴포넌트가 처음 렌더링되었을 때 한 번만 실행됩니다. import React, { useEffect, useState } from 'react'; funct..
2023.06.25 -
React - Reducer, Dispatch, Store, Action
Reducer Reducer는 현재의 State 와 Action 을 인자로 받아 => Store(스토어)에 접근해 Action 값에 맞게 State 를 변경한다. 더보기 Action 참고, action이란 애플리케이션에서 어떤 변화가 발생했는지를 나타내는 객체 dispatch 함수는 이 액션을 Redux 스토어에 전달하여 리듀서 함수가 해당 액션을 처리하고 상태를 업데이트할 수 있도록 함 input : State & Action Action 값에 따라 State를 변경 예시 -> Reducer가 state 와 action을 받고, state를 변경하는 코드 const inputReducer = (state,action)=> { switch(action.type){ case "CHANGE": return ..
2023.06.25