본문 바로가기

전체 글

 (78)
[React] useContext useContext는 상위 컴포넌트에서 어떠한 데이터를 하위 컴포넌트로 전달하기 위해서 전역 변수 등의 데이터로 사용할 수 있도록 해주는 훅이다.Redux와 유사한 기능을 하는데, 차이점은 상태 관리의 복잡도에 있다.Redux는 복잡하고 거대한 상태를 관리하는데에 용이한 반면, useContext, 즉 Context API는 간단한 데이터(로그인 인증 등)를 상태로 관리한다.  간단히 사용법을 알아보자면,import React, { createContext, useState, useEffect } from 'react';// Context 생성const AuthContext = createContext();const AuthProvider = ({ children }) => { const [isAuth..
[DB] 트랜잭션 (Transaction) 트랜잭션이란 데이터베이스(DB)에 상태 변화를 주는 작업의 단위를 의미한다. 예시를 들어 설명하면,카드 결제를 할 때, 결제 요청에 의해 구매자의 카드 사용 금액이 증가하고 판매자의 판매 금액이 증가하는 데이터를 모두 처리하는 과정을 모두 포함하여 하나의 작업 단위로 인식한다는 것이다.즉, 하나의 명령문만이 아니라 관련된 명령문 전체를 하나의 단위로 한다.  ACID (Atomicity, Consistency, Isolation, Durability)트랜잭션에는 ACID 4가지의 특징이 존재한다. Atiomicity(원자성)트랜잭션, 카드 결제로 인한 사용 금액 증가와 판매 금액 증가는 전체적으로 성공/실패 해야한다. 둘 중 한가지만 성공하는 경우는 발생해서는 안되기 때문에, 중간에 문제가 발생하면 이전..
[Node.js] Multer Multermulter는 express에서 파일 업로드를 위한 미들웨어이다. 다중 파일 업로드가 가능하며 일반 텍스트와 파일 데이터 두 가지를 동시에 처리하는 것도 가능하다.  설치.npm i multer 이미지 파일을 저장하는 예시로 보이겠다. 서버 측 코드 파일에서 index.js 파일 등에 한번에 해버려도 좋지만, 가독성을 위해 분리해두었다. const multer = require('multer');const path = require('path');const uploadPath = path.join(__dirname, '업로드할 폴더 위치');const storage = multer.diskStorage({ destination: (req, file, cb) => { cb(null, up..

티스토리툴바