Web Dev (106) 썸네일형 리스트형 @nestjs/mapped-types 사용 방법 npm install @nestjs/mapped-types CreateUserDto export class CreateUserDto { name: string; email: string; password: string;} PartialType() 함수를 사용하여 새로운 타입을 생성 import { PartialType } from '@nestjs/mapped-types';export class UpdateUserDto extends PartialType(CreateUserDto) {}위 코드에서 UpdateUserDto는 CreateUserDto를 기반으로 생성되며, 모든 속성이 선택적으로 변경됩니다. 즉, UpdateUserDto는 다음과 같이 정의된 것과 동일합니다... Nest.js의 내장된 코드 테스트 기능 ! Jest 로 하는 유닛테스트 , e2e 테스트 https://jestjs.io/ JestBy ensuring your tests have unique global state, Jest can reliably run tests in parallel. To make things quick, Jest runs previously failed tests first and re-organizes runs based on how long test files take.jestjs.ioJESTJEST는 자바스크립트 코드, 특히 React 애플리케이션을 테스트하기 위한 테스팅 프레임워크입니다. Facebook에서 개발하였으며, 주요 특징은 아래와 같습니다.단순성 (Simplicity) : 별도의 설정없이 바로 테스트 코드 작성이 가능합니다... Nest.js 데코레이션으로 DTO (Data Transfer Object) 유효성 구성하는 방법 DTO 가 필요한 이유 ? DTO(Data Transfer Object)는 계층 간 데이터 전송을 위한 객체로 사용되는 디자인 패턴입니다. DTO는 주로 애플리케이션의 서로 다른 계층 간에 데이터를 전달하는 데 사용됩니다. DTO를 사용하는 주된 이유는 다음과 같습니다: 1. 데이터 캡슐화: DTO는 한 계층에서 다른 계층으로 전달되는 데이터를 캡슐화합니다. 이를 통해 불필요한 데이터 노출을 방지하고 계층 간의 결합도를 낮출 수 있습니다. 2. 데이터 유효성 검사: DTO는 전달되는 데이터의 유효성을 검사하는 데 사용될 수 있습니다. 유효성 검사 규칙을 DTO에 정의하여 잘못된 데이터가 전달되는 것을 방지할 수 있습니다. 3. 네트워크 전송 최적화: DTO는 네트워크를 통해 전송되는 데이터의 크기를 최적.. Nest.js 는 Node.js 의 프레임워크 오케이 ? RestAPI 만들어 보자 https://nestjs.com/ NestJS - A progressive Node.js framework NestJS is a framework for building efficient, scalable Node.js web applications. It uses modern JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Functional Reactive Progr nestjs.com 우선 설치 할 것들이 여러가지가 있는데 구글 검색 창에 insomnia rest를 검색해보자 공짜 버전으로 회원가입을 진행해.. React 웹페이지에서 네이버 지도 API 사용하는 방법 https://zeakd.github.io/react-naver-maps/guides/quickstart/ https://navermaps.github.io/maps.js.ncp/docs/index.html React Naver Maps Quickstart Application 루트에 NaverMaps Provider를 제공해야합니다. 사용하시는 프레임워크에 맞춰 를 감싸주세요. import { NaverMapsProvider } from 'react-naver-maps'; function App() { return ( ) } import { Container as MapDiv, N zeakd.github.io 해당 부분을 많이 참고하면 react 에 쉽게 적용 가능하십니다 우선 저는 Header 에 링.. React - Redux Toolkit 사용하여 Login 정보 store에 저장해서 필요할 때 사용하는 방법 ! https://ko.redux.js.org/introduction/getting-started/ https://hanamon.kr/redux%EB%9E%80-%EB%A6%AC%EB%8D%95%EC%8A%A4-%EC%83%81%ED%83%9C-%EA%B4%80%EB%A6%AC-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC/ Redux(리덕스)란? (상태 관리 라이브러리) - 하나몬 Redux(리덕스)란? 무엇인지 부터 간단한 실습까지 (상태 관리 라이브러리 리덕스 알아보기) ⚡️ Redux(리덕스)란? Redux(리덕스)란 JavaScript(자바스트립트) 상태관리 라이브러리이다. Redux(리덕스)의 hanamon.kr 이 분 블로그 너무 잘 설명 되어있습니다. Red.. JAVA의 빌드와 실행 그리고 빌드툴에 대한 기초 지식 빌드(Build) 소스 코드 파일을 컴퓨터에서 실행할 수 있는 독립 SW 가공물로 변환하는과정 독립 SW 가공물 = Artifact 빌드 세분화 1) 소스코드를 컴파일 한다. 2) 테스트 코드를 컴파일한다. 3) 테스트 코드를 실행한다. 4) 테스트 코드 리포트를 작성한다 5) 기타 추가 설정한 작업들을 진행한다. 6) 패키징을 수행한다. 7) 최종sw 결과물(Artifact)를 만들어 낸다. 실행 (Run) 내가 작성한 코드( 혹은 테스트 코드)를 컴파일을 거쳐 , 작동시켜 보는 것 독립 SW 가공물이 나올수도 있고, 나오지 않을 수도 있다. 주의 : 인터프리터 언어는 컴파일이 필요 없다. 위의 과정을 수동으로 할 수는 없다. 빌드 툴 (Build tool) 1. 소스코드의 빌드 과정을 자동으로 처리해.. JVM JRE JDK 개발하기 전에 좀 알고 가자 Java 언어 를 컴퓨터가 어떻게 인식하는지 ? 컴퓨터는 기본적으로 0 과 1의 숫자 밖에 모르는 기계이다. 그러면 사람이 쉽기 적을 수 있게 개발된 코딩 언어는 컴퓨터에게 다시 전부 0과 1이라는 숫자로 변경해줘야 한다. 코딩 언어를 -> 0과1로 변경해주는 과정을 [ 컴파일 ] 이라고 한다. 0과 1의 코드는 바이트 코드(바이너리 코드) 라고한다. [컴파일] 해주는 프로그램을 [컴파일러] 라고 한다. 해당 바이트 코드의 경우 운영체제 마다 조합이 다르다. C 언어는 운영체제에 맞는 컴파일러가 따로 존재한다. 자바는 좀 다른데 자바 컴파일러는 한개만 존재한다. 한개의 컴파일러에서 바이너리 코드를 변환하면 운영체제와 코드 사이에는 JVM 이라는 것이 존재한다. Window JVM , Mac JVM , L.. 이전 1 2 3 4 ··· 14 다음
