이 코드의 목적:모든 Redis 저장 작업을 동시에 실행 (병렬 처리)각 작업이 순차적으로 실행되는 것보다 더 빠름모든 작업이 완료될 때까지 기다림하나라도 실패하면 에러를 throw만약 이 코드가 없다면:각 Redis 저장 작업이 순차적으로 실행됨전체 실행 시간이 더
동기/비동기 CallbackPromiseasync/awaittry/catch 동기 : 사전적으로 '동시에 일어난다' 라는 의미 프로그래밍에서 동기는 작업이 순차적으로 진행되는 것을 의미한다.작업이 시작되면 해당 작업이 완료될 때까지 다른 작업을 기다려야 한다.동기 방
JavaScript에서 배열 메서드를 다룰 때 내가 가장 중요하게 생각하는 것 두가지는 메서드가 반환하는 값이 무엇인지 아는 것 원본 데이터를 바꾸는 것 인지 혹은 복사본을 만드는 것 인지 아는 것이는 불변성과도 관련있기에 중요하다고 생각한다.아래에서 살펴보겠지만
.addEvnetListener() .addEventListener() : 이벤트가 발생했을 때 실행할 동작(함수)를 등록하는 메서드 HTML, Document, Window, 등에서 특정 이벤트 발생 시 실행할 함수를 지정할 수 있음 클릭(onClick), 키입력(
함수 선언문 함수 표현식 + 화살표 함수(ES6) 함수 선언문과 함수 표현식은 같은 기능을 하지만 호출 시점, 호이스팅 등이 다르다.나는 함수 선언문으로만 이루어진 코드가 함수 표현식 만을 사용한 코드보다 단순 메모리 측면에서 비효율적일 것이라고 생각했다.
시계열 데이터를 바탕으로 조회를 해야되서 예제로 다뤄봄 Time Series Data : 시계열 데이터대표적으로 환율, 주가, 날씨 등에 쓰임시간을 기준으로 데이터가 정렬되고과거 데이터 분석에 용이인덱스 설정 데이터 삭제 전략파티셔닝(대량 데이터 처리)시계열 DB 사용
https://docs.nestjs.com/fundamentals/lifecycle-eventsOnModuleInit은 NestJs의 생명주기 인터페이스 중 하나로, 특정 클래스가 모듈 내에서 초기화될 때 실행되는 hook를 제공한다. 다음 다이어그램은 애플리
UI 변경이 잦아 TDD 적용이 비효율적일 수 있음.FE에서 테스트는 우리가 예상한 결과값이 나오는 것들을 테스트 코드로 만드는데UI가 계속 변경되고 있는 와중에 테스트 코드를 짜게 되면 할 일이 더 많아짐시나리오 테스트(e.g., Playwright, Cypress,
TS에서는 클래스(class) 내에서 속성 및 메서드의 접근 범위를 조정하기 위해 접근 제한자 사용 1\. Private - 클래스 내부에서만 접근 가능 2\. Protected - 클래스 내부 + 자식 클래스에서 접근 가능 3\. Public - 어디서든 접근 가능
Getter와 Setter는 객체 지향 프로그래밍(OOP)에서 사용되는 개념일종의 메서드 라고 보면 된다. Getter : 객체의 속성 값을 반환하는 MethodSetter : 객체의 속성 값을 설정, 변경하는 Method위와 같이 바로 접근하지 말고 getName()
Redis : Remote Dictionary Server, 'Key-Value'구조의 비정형 데이터를 저장하고 관리하기 위한 오픈 소스 기반의 비관계형 데이터베이스 (DBMS)→ Redis는 데이터 처리 속도가 빠른 NoSQL 데이터베이스NOSQL DB : 'Key-
as const : const assertions 상수 어설션이라고 한다. TS 3.4에서 도입됨 as const는 TypeScript에서 리터럴 값을 변경할 수 없는 상수로 고정할 때 사용하는 구문이를 사용하면 객체, 배열, 기본 타입의 값을 readonly로 변환할
index.ts라는 폴더에 export \* from './something'이렇게 작성된 코드들이 있었는데 대충 여기 해당된 모듈을 전부 Export 해주는구나 라고 알기는 했지만 이런 패턴을 뭐라고 명명하는지, 어떤 장점이 있는지 알아보고 싶어서 작성하게 됨 배럴(
아래 본문은 참고자료를 chat gpt를 통해 번역 + 정리한 글 입니다. 보다 정확한 정보는 공식문서와 참고자료 링크를 통해 확인부탁드립니다. 웹 개발자로서 SQL 데이터베이스를 다룬다면, TypeScript ORM 도구에 대해 들어본 적이 있을 것입니다. TypeS
HINT TS strict를 추가하고 싶다면 --strictflag를 같이 쓸 것 nest new project-name --strictFactory 패턴을 사용해서 인스턴스를 찍어내고 있구나 판단controller, service: controller는 route,
병렬 라우트를 사용하면 같은 레이아웃 내에서 여러 페이지를 동시에 또는 조건부 렌더링 할 수 있다. dashboard, feeds와 같은 도적인 UI 섹션을 처리하는데 유용하다. Dashboard에서 team, analytics페이지를 동시에 렌더링 할 수 있다. →
정확한 세그먼트 이름을 미리 알 수 없고 동적 데이터를 기반으로 라우트를 생성하려는 경우요청 할 때 또는 빌드 시 미리 렌더링(prerendered)되는 동적 세그먼트를 사용할 수 있다. 대괄호로 폴더 이름을 감싸서 생성 가능 \[folderName]Ex) \[id]
📌Loading UI and Streaming loading.js는 React Suspense를 사용해 로딩 UI를 만드는데 도움이 된다. 이 규칙을 사용하면
Next.js에는 4가지 네비게이션 방법이 존재한다. <Link>는 <a>를 확장한 built-in 컴포넌트이다. 라우트 간 prefetching 그리고 클라이언트 측 네비게이션을 제공한다.Good to Know<a>태그의 className이나 targ