WooLog

사용목적 React 컴포넌트는 공통된 상위 요소까지 끌어올려야만 공유될 수 있기에 거대한 트리가 다시 렌더링 되는 상황이 존재한다. Recoil은 React 자체 내장된 상태 관리 기능의 한계를 개선하기 위해 사용한다. 장점 get/set 인터페이스로 사용할 수 있도록 boilerplate-free API를 제공 React 기능들과 호환 가능성을 갖음 상태 정의가 점진적이고 분산되어 있어 코드 분할이 용이함 컴포넌트 수정 없이 상태(Atom)를 파생된 데이터(Selector)로 대체 가능 설치 npm install recoil 사용 RecoilRoot Recoil 상태 컴포넌트를 부모 트리에 넣어준다. 예제는 루트 컴포넌트를 활용한다. import React from 'react'; import { Re..

정규표현식 /(https?:\/\/[^\s]+)/g https?:\/\/ http:// 또는 https:// 찾음 [^\s]+ 공백이 아닌 문자열을 하나 또는 그 이상 찾음 g Global을 표현하며 문자열 내 모든 패턴을 검색 활용 var str = `Kakao: https://www.kakaocorp.com` let formatted = str.replace(/(https?:\/\/[^\s]+)/g, '$1');

설치 Nest CLI npm i -g @nestjs/cli nest new project-name git clone git clone https://github.com/nestjs/typescript-starter.git project cd project npm install npm run start 프로젝트 하위요소 (src/) app controller.ts - 단일 경로가 있는 기본 컨트롤러 controller.spec.ts - 컨트롤러에 대한 단위 테스트 module.ts - 애플리케이션의 루트 모듈 service.ts - 하나의 방법으로 기본 서비스를 제공 main.ts - 핵심 기능 NestFactory을 사용하여 Nest 애플리케이션 인스턴스를 생성하는 애플리케이션의 항목 파일 BootStr..

유튜브를 보던 중 Vue.js 입문강의가 있어 호기심에 들어보았다. 스크립트 프레임워크는 처음이라 기대하며 vue 프로젝트를 생성하려는데 해당 에러가 발생했다. 아직 시작도 못했는데, 벌써 막혀버렸다. 에러 내용에 about_Execution_Policies를 참조하라는 내용이 보인다. 실행정책 관련해서 문제가 있나보다. PowerShell에서 악의적인 스크립트 실행을 방지하기 위해 설정한 안전기능 때문이었다. PowerShell execution policies PowerShell execution policies는 아래와 같이 나뉜다. AllSigned: 모든 스크립트와 구성 파일에 신뢰할 수 있는 발행자의 서명이 존재할때 실행가능 Bypass: 어떤 것도 차단하지 않고, 경고나 안내 없이 실행가능 ..