본문 바로가기
반응형

전체 글281

[MongoDB] Naver Cloud에서 MongoDB 데이터베이스 생성 Naver Cloud(NCloud)에서 MongoDB 데이터베이스 서버 생성 1. 네이버 클라우드 접속(https://www.ncloud.com/) 후 로그인 2. 우측 상단 콘솔버튼 클릭 3. 좌측 Services 클릭 4. Cloud DB for MongoDB 검색 5. DB Server 클릭 6. DB Server 생성 7. 상황에 맞게 클러스터, 서버, DB 설정 후 완료 2023. 2. 15.
[NestJS] Swagger 문서 모듈 별로 분리 NestJS에서 Swagger 문서를 모듈 별로 분리하여 주소로 나누어 출력하는 방법 2023.02.06 - [개발 프레임워크/NestJS] - [NestJS] Swagger(스웨거)란? [NestJS] Swagger(스웨거)란? NestJS 형상관리 도구_스웨거(Swagger) Swagger(스웨거)는 개발자가 REST 웹 서비스를 설계, 빌드, 문서화, 소비하는 일을 도와주는 대형 도구 생태계의 지원을 받는 오픈 소스 소프트웨어 프레임워크라 kfdd6630.tistory.com 기본적인 사용 방법 import { NestFactory } from '@nestjs/core'; import { NestExpressApplication } from '@nestjs/platform-express'; impo.. 2023. 2. 14.
[Java] PECS(Producer-Extends, Consumer-Super) 공식 Generics PECS(Producer-Extends, Consumer-Super), 생산자-extends, 소비자-super * 제네릭이란? 2023.02.13 - [언어/JAVA] - [Java] 제네릭(Generic) [Java] 제네릭(Generic) 제네릭 = 데이터 타입을 일반화한다, 클래스나 메소드에서 사용하는 내부의 타입을 외부에서 지정해주는 기법 제네릭 클래스 클래스 선언에 타입 매개변수가 쓰이면 이를 제네릭 클래스라 한다 kfdd6630.tistory.com PECS란? Producer-Extends, Consumer-Super의 줄임말이다. Collection으로부터 와일드카드 타입의 객체를 생성 및 만들면(produce) extends를 사용한다. 가지고 있는 객체를 Collect.. 2023. 2. 14.
영어, 숫자, 특수 문자, 글자 수 제한 정규식 모음 많이 쓰는 정규식 모음 const regExBook = { ONLY_ENG: /^[a-zA-Z]*$/, // 영어만 있는가? ONLY_NUM: /^[0-9]*$/, // 숫자만 있는가? ONLY_ENG_NUM: /^[a-zA-Z0-9]*$/, //영어와 숫자만 있는가? ENG: /[a-zA-Z]/gi, // 영어가 들어가 있는가? NUM: /[0-9]/gi, // 숫자가 들어가 있는가? ENG_NUM: /[a-zA-Z0-9]/gi, //영어, 숫자가 들어가 있는가? EX_MARK: /[\{\}\[\]\/?.,;:|\)*~`!^\-_+@\#$%&\\\=\(\'\"]/gi, // 특수문자가 들어가 있는가? UNDER_TEN: /^[\w\Wㄱ-ㅎㅏ-ㅣ가-힣]{1,9}$/, // 10글자 이하인가? }; 2023. 2. 13.
[Java] 와일드카드 <?> 와일드카드의 종류에는 1. 비경계, 2. 한정적(상한,하한 경계) 와일드 카드가 있다. 비경계 와일드카드(Unbounded Wildcards) - ?의 형태로 사용한다. - 기본적으로 와일드카드는 정해지지 않은 unknown type이다. - 예를 들어, List 이다. - 모든 타입이 인자가 될 수 있다. - 상한 경계, 하한 경계 등 경계가 존재하지 않는다. public static void printList(List 비경계 와일드 카드 - Get List에서 Get한 원소는 Object 타입이다. - 비경계 와일드 카드의 원소는 어떤 타입도 될 수 있다. - 어떤 타입이 와도 읽을 수 있도록, 모든 타입의 공통 조상인 Object로 받는다. public static void get(List list.. 2023. 2. 13.
[Java] 제네릭(Generic) 제네릭 = 데이터 타입을 일반화한다, 클래스나 메소드에서 사용하는 내부의 타입을 외부에서 지정해주는 기법 제네릭 클래스 클래스 선언에 타입 매개변수가 쓰이면 이를 제네릭 클래스라 한다. 기본형태 class useBook {} 예제) class useBook { List users = new ArrayList(); public void add(T user) { users.add(user); } } 선언) UserBook magicianBook = new UserBook(); 사용하는 이유: 1. 런타임에서 잡히는 에러(자료형에 대한 검증)가 컴파일에서 잡히기 때문에 시간을 절약할 수 있다. 2. 컴파일 타임에 자료형의 오류에 대한 검증을 수행하여 런타임에 자료형에 안전한 코드를 실행한다. 3. 반환값에 대.. 2023. 2. 13.
[React] 뒤로가기 방지 [React, Next.js] 뒤로가기(이전 페이지 가기) 방지 const preventGoBackHandler = () => { history.go(1); }; useEffect(() => { window.addEventListener("popstate", preventGoBackHandler); return () => { window.removeEventListener("popstate", preventGoBackHandler); }; }, []); history.go를 이용해 뒤로가기를 막는 효과이다. * 사실 뒤로가기 자체를 막는 로직은 아니고 뒤로가고 앞으로 오는 로직이지만 UX적으로는 현재 페이지에 머물러 있는다. hisyoty.go 2023.02.12 - [분류 전체보기] - [js] his.. 2023. 2. 12.
[js] history.back(), history.forward(), history.go() history.back()=뒤로가기, history.forward()=앞으로 가기, history.go()=특정위치로 가기 History.back()history.back();1. history.back() 메소드는 브라우저가 세션 기록의 바로 뒤 페이지로 이동하도록 지시한다.2. history.go(-1)와 같다.3. 이전 페이지가 없는 경우 아무것도 하지 않는다.4. 이 메소드는asynchronous(비동기)로 동작한다.5. popstate 이벤트 처리기를 통해 탐색 완료 시점을 알 수 있다. 다음 예제는 클릭했을 때 뒤로 가는 버튼을 생성한다.HTML뒤로 가기jsdocument.getElementById('goBack').addEventListener('click', () => { window.h.. 2023. 2. 12.
[js] 문자열 공백 제거 replace() 함수 replace() 함수와 정규식을 이용한 여러가지 문자열 공백 제거 let 변수 = " a b c "; 변수.replace('바꾸고싶은 이전 값', '바뀌는 이후 값'); x라는 앞, 중간, 뒤에 " "공백이 2자리씩 총 6자리의 공백이 있는 문자열이 있다고 하자. let x = ' aa aaaa '; console.log(x, x.length); 출력값 aa aaaa 12 x는 길이는 6개의 a와 공백 6개로 이루어진 12자리로 이루어진 문자이다. 첫 번째로 공백 하나 제거 = .replace(" ", "") /** * 첫 번째 공백제거 * @param str * @returns */ const trimOne = (str) => { const trimStr = str.replace(" ", ""); r.. 2023. 2. 11.
[js] Object(json)에서 key로 value찾기, value로 key 찾기 Object(json)에서 key로 value찾기=Object[key], value로 key 찾기=Object.keys() 활용 Object(json)에서 key값으로 value값 찾기 const objectO = { a:1, b:2, c:3, d:1, }; console.log(objectO["a"]) 출력값 1 Object(json)에서 value값으로 key값 찾기 /** * json에서 value로 key 값 찾기 * @param object * @param value * @returns keys[] */ const objectO = { a:1, b:2, c:3, d:1, }; const getKeyByValue = (object, value) => { const result = []; Objec.. 2023. 2. 10.
반응형