bright jazz music

정의핸들러에 전달되는 인자를 전달받기 전에 처리하는 중간 단계의 기능PipeTransform 인터페이스를 구현하는 클래스transform() 메서드를 통해 데이터 변환/검증 수행 예시 @Get(':id') async findOne(@Param('id', ParseIntPipe) id: number) { // 여기서 pipe는 @Param()이 아니라 ParseIntPipe이다. // @Param 데코레이터(실제로는 함수)에 'id'라는 파라미터 이름과 ParseIntPipe를 매개변수로 전달한다. // 실행 순서: // 1. @Param이 URL에서 'id' 값을 추출 (예: "123" 문자열) // 2. 추출된 값이 ParseIntPipe의 transform 메소드로 ..

nestJS에서 제공하는 내장 예외 필터는 기본적으로 자동으로 예외를 처리한다. 사용자가 일일이 예외를 다룰 필요는 없어지지만, 예외처리에 관한 완전한 제어가 불가능한 부분도 있다. ExceptionFilter를 사용하면 이러한 필터를 커스텀하여 사용할 수 있다. 필터에 로깅을 추가하거나 임의의 JSON 스키마를 적용하는 등의 구성이 가능하다는 것이다.  Exception filter를 사용함으로써,제어 흐름과 클라이언트에게 전송되는 응답을 통제한다. 1. 필터 작성아래 코드는 ExceptionFilter 인터페이스를 구현(implements)하는 필터 클래스를 작성한 것이다.이 필터는 HttpException 클래스의 인스턴스를 캐치하며,  클라이언트에게 반환되는 응답을 구성한다.이를 위해 익스프레스의..

1. HttpException 을 이용한 표준 예외 구현 NestJS에는 예외를 처리하는 계층이 프레임워크 자체에 내장돼 있다. 이것들은 코드를 통해 직접적으로 예외가 제어되지 않는 경우 동작하며, 자동적으로 사용자 친화적인 에러를 반환한다. 스프링에서 필터나 인터셉터와 같은 것들과 비슷하게 말이다. 이는 내장된  global exception filter에 의해 수행되며,  이 필터는 HttpException 타입의 예외를 다룬다.그리하여 기본적으로 아래와 같은 형식의 예외를 반환한다.{ "statusCode": 500, "message": "Internal server error"}  nestJS는 기본적으로 HttpException 클래스를 제공한다. 만약 앱이 전형적인 HTTP Rest/Gra..

https://github.com/hojuncha997/node-project/tree/main/node-textbook/basic node-project/node-textbook/basic at main · hojuncha997/node-projectContribute to hojuncha997/node-project development by creating an account on GitHub.github.com 노드 관련 리포지토리 https://github.com/hojuncha997/nestjs-pjt GitHub - hojuncha997/nestjs-pjtContribute to hojuncha997/nestjs-pjt development by creating an account on Gi..

AlarmSendPage: 알람 발송을 예약하는 페이지. 여러 개의 셀렉트 박스와 '수신자'라는 textarea 있다. AlarmAndSmsModal: '개인회원' 또는 '법인회원'을 검색하기 위한 모달창. 알람발송과 문자발송 페이지에서 공통으로 사용한다. 기본적으로 이 모달은 검색창, 검색버튼, 테이블 헤더로 이루어져 있다. 검색어를 넣고 검색하면 결과가 테이블 헤더 밑에 행으로 보여진다. 이 행들은 기본적으로 가장 좌측에 체크박스를 가지고 있다. handleCheckboxChange(el.user_id)} /> 만약 사용자가 특정 행의 체크박스를 체크했을 경우, 사용자 아이디가 이 모달의 부모 컴포넌트인 AlarmSendPage의 '수신자' textarea에 보여져야 한다. 이 때 보여지는 값은 'u..

- 컨텍스트는 리액트가 제공하는 가장 막강한 기능- 컨텍스트는 리액트 라우터, 리덕스 등 많은 라이브러리 설계의 근간이 됨. 컨텍스트란?컴포넌트의 속성(props)은 부모 컴포넌트가 자식 컴포넌트로 어떤 정보를 전달하려고 할 때 사용하는 메커니즘이다. 그런데 부모 컴포넌트가 직계 자식이 아닌, 손자나 증손자 컴포넌트에 정보를 전달하려고 하면 아래와 같이 번거로운 props 전달을 해야 한다.리액트는 이런 속성 전달의 번거로움을 해소하고자 context라는 메커니즘을 구현하였다.리액트나 리액트 네이티브에서 컨텍스트는 createContext나 useContext로 이뤄진다. 이 둘의 관계는 아래의 그림처럼 표현할 수 있다.컨텍스트 기능을 사용하는 리액트와 리액티브 코드는 항상 이름에 'Provider'가 ..

npx create-react-app ch02_1 --template typescript 문서객체모델(DOM, Document Object Model)이란? 웹브라우저는 HTML 형식의 문자열을 화면에 추력할 때 문자열을 분석(parsing)하여 특별한 형식의 자바스크립트 객체 조합으로 바꾼다. 이 특별한 형식의 자바스크립트 객체는 모두 자신의 특징에 맞는 인터페이스를 구현하는데 이들 인터페이스를 '총칭'하여 문서객체모델이라고 한다. (여러 가지 인터페이스가 있고 이들을     window 객체: 웹브라우저의 자바스크립트 엔진은 window라는 이름의 전역변수를 기본으로 제공한다.여기서 window는 웹브라우저의 특정 웹페이지를 의미하는 객체이다.  window 객체는 Window 타입 객체로서 Wind..

/src/index.js// /src/index.jsimport React from "react";// import ReactDOM from "react-dom/client";import "./index.css";import App from "./App";import reportWebVitals from "./reportWebVitals";import { createRoot } from "react-dom/client";// 라우터 경로가 들어있는 RouterApp.js파일 추가하기import AppRouter from "./AppRouter";/*//기존//ReactDOM을 사용한다.const root = ReactDOM.createRoot(document.getElementById("root"));r..

package com.example.reactspringtodo.controller;import com.example.reactspringtodo.dto.ResponseDTO;import com.example.reactspringtodo.dto.UserDTO;import com.example.reactspringtodo.entity.UserEntity;import com.example.reactspringtodo.security.TokenProvider;import com.example.reactspringtodo.service.UserService;import lombok.extern.slf4j.Slf4j;import org.springframework.beans.factory.annotation.Au..

//App.js function App() { //기본 스테이트를 객체로 설정하였다. const [items, setItems] = useState([]); //백엔드에 보낼 요청 옵션 const requestOptions = { method: "GET", headers: { "Content-Type": "application/json" }, }; //fetch를 통해 요청 발송 fetch("http://localhost:8080/todo", requestOptions) .then((response) => response.json()) .then( (response) => { setItems(response.data); }, (error) => {} ); //... cors 오류 발생. cors를 가능케..