본문 바로가기

반응형

분류 전체보기

(379)
Warning: Extra attributes from the server: ap-style 이 에러 해결하는 방법은 suppressHydrationWarning 이것 뿐인가 ? https://velog.io/@brgndy/Next.js-13-%EB%8B%A4%ED%81%AC-%EB%AA%A8%EB%93%9C-%EA%B5%AC%ED%98%84%EC%8B%9C-Warning-Extra-attributes-from-the-server-data-themestyle-at-body-at-html-at-RedirectErrorBoundary-%EC%97%90%EB%9F%AC Next.js 13 다크 모드 구현시 Warning: Extra attributes from the server: data-theme,style at body at html at Re추후 더 나은 방법을 찾아야 할 부분Next.js 에서 다크모드를 구현하다가 이러한 에러를 만났다. 구글링을 해보니 서버쪽에서 렌더링하는 ..
Nest.js 데코레이션으로 DTO (Data Transfer Object) 유효성 구성하는 방법 DTO 가 필요한 이유 ? DTO(Data Transfer Object)는 계층 간 데이터 전송을 위한 객체로 사용되는 디자인 패턴입니다. DTO는 주로 애플리케이션의 서로 다른 계층 간에 데이터를 전달하는 데 사용됩니다. DTO를 사용하는 주된 이유는 다음과 같습니다: 1. 데이터 캡슐화: DTO는 한 계층에서 다른 계층으로 전달되는 데이터를 캡슐화합니다. 이를 통해 불필요한 데이터 노출을 방지하고 계층 간의 결합도를 낮출 수 있습니다. 2. 데이터 유효성 검사: DTO는 전달되는 데이터의 유효성을 검사하는 데 사용될 수 있습니다. 유효성 검사 규칙을 DTO에 정의하여 잘못된 데이터가 전달되는 것을 방지할 수 있습니다. 3. 네트워크 전송 최적화: DTO는 네트워크를 통해 전송되는 데이터의 크기를 최적..
파이썬 셀레늄 selenium 사용하여 이미지 한번에 크롤링 하는 방법 요기 ! + 여러 검색어 한 번에 크롤링 추가 코딩 1. 파이썬 가상 환경 세팅2. Selenium 설치 및 브라우저 세팅3. 구글 이미지 크롤링 코드 작성   1. 파이썬 가상 환경 세팅  :    파이썬의 다양한 버전이 각각 다르게 요구되는 경우가 있다. 여러개의 파이썬 버전을 다양한게 설치해 놓고 그때 그때 필요한 상황에서 가져와서 사용venv 를 사용 한다 가상환경이 생성 된다. 터미널 창에서 명령어를 입력하여 가상의 환경으로 들어가 줍니다.위 이미지 Script 폴더 해당 루트로 들어가 activate 명령으로 입력하여 활성화 시켜줍니다. 가상 환경이 활성화 되면 selenium 이 생깁니다.Script 폴더 에서 가상 환경에서 pip install selenium 명령어로 설치해 줍니다. 해당 드라이브 설치 전에 본인 chrome 버전을 확인해..
Nest.js Swagger UI , Prisma 사용하기 Prisma를 이용한 Mysql 연결 및 REST API 작성 방법 npm install --save @nestjs/swaggerhttps://docs.nestjs.com/openapi/introduction#installation Documentation | NestJS - A progressive Node.js frameworkNest is a framework for building efficient, scalable Node.js server-side applications. It uses progressive JavaScript, is built with TypeScript and combines elements of OOP (Object Oriented Programming), FP (Functional Programming), and FRP (Function..
@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는 다음과 같이 정의된 것과 동일합니다.export class U..
CVAT 오픈소스 구축 방법 정확하게 알려드립니다 feat . Docker, Git 세팅 openvinotoolkit/cvatPowerful and efficient Computer Vision Annotation Tool (CVAT) - openvinotoolkit/cvatgithub.comgoddaehee.tistory.com/251  [Docker (1)] window10 Docker 설치하기(윈도우 10 도커 설치)[Docker (1)] window10 Docker 설치하기(윈도우 10 도커 설치) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Window10 도커 설치 ] 입니다. : ) 도커 설치하기 ▶ 1. 도커란? 도커 설치와 관련된 포스팅 이기.goddaehee.tistory.com윈도우 상에서 도커 설치하는데는 이블로그의 도움을 많이 받았다. 도커를 설치했다고 바로 실행 안..
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) : 별도의 설정없이 바로 테스트 코드 작성이 가능합니다...
Ubuntu -MySQL 설치시 의존성 에러 ? Ignoring file 'tor-project' in directory '/etc/apt/sources.list.d/' as it has no filename extension 기존:28 https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/5.0 Release 받기:29 http://archive.ubuntu.com/ubuntu jammy-proposed InRelease [270 kB] 기존:30 https://ppa.launchpadcontent.net/maarten-fonville/android-studio/ubuntu jammy InRelease 기존:31 https://repo.mongodb.org/apt/ubuntu jammy/mongodb-org/6.0 Release 기존:33 https://ppa.launchpadcontent.net/recoll-backports/recoll-1.15-on/ubuntu jammy InR..

반응형