profile
Async FE 취업 준비중.. Await .. (취업완료 대기중) ..

TanStackQuery + Websocket

약 5시간 전
·
0개의 댓글
·

Promise도 배열에 담을 수 있다.

이 코드의 목적:모든 Redis 저장 작업을 동시에 실행 (병렬 처리)각 작업이 순차적으로 실행되는 것보다 더 빠름모든 작업이 완료될 때까지 기다림하나라도 실패하면 에러를 throw만약 이 코드가 없다면:각 Redis 저장 작업이 순차적으로 실행됨전체 실행 시간이 더

6일 전
·
0개의 댓글
·
post-thumbnail

JavaScript - 동기/비동기 정리본

동기/비동기 CallbackPromiseasync/awaittry/catch 동기 : 사전적으로 '동시에 일어난다' 라는 의미 프로그래밍에서 동기는 작업이 순차적으로 진행되는 것을 의미한다.작업이 시작되면 해당 작업이 완료될 때까지 다른 작업을 기다려야 한다.동기 방

2025년 2월 24일
·
0개의 댓글
·
post-thumbnail

JavaScript - Array Methods

JavaScript에서 배열 메서드를 다룰 때 내가 가장 중요하게 생각하는 것 두가지는 메서드가 반환하는 값이 무엇인지 아는 것 원본 데이터를 바꾸는 것 인지 혹은 복사본을 만드는 것 인지 아는 것이는 불변성과도 관련있기에 중요하다고 생각한다.아래에서 살펴보겠지만

2025년 2월 22일
·
0개의 댓글
·
post-thumbnail

JavaScript

.addEvnetListener() .addEventListener() : 이벤트가 발생했을 때 실행할 동작(함수)를 등록하는 메서드 HTML, Document, Window, 등에서 특정 이벤트 발생 시 실행할 함수를 지정할 수 있음 클릭(onClick), 키입력(

2025년 2월 22일
·
0개의 댓글
·
post-thumbnail

JavaScript - function

함수 선언문 함수 표현식 + 화살표 함수(ES6) 함수 선언문과 함수 표현식은 같은 기능을 하지만 호출 시점, 호이스팅 등이 다르다.나는 함수 선언문으로만 이루어진 코드가 함수 표현식 만을 사용한 코드보다 단순 메모리 측면에서 비효율적일 것이라고 생각했다.

2025년 2월 22일
·
0개의 댓글
·

시계열 데이터 - postgreSQL

시계열 데이터를 바탕으로 조회를 해야되서 예제로 다뤄봄 Time Series Data : 시계열 데이터대표적으로 환율, 주가, 날씨 등에 쓰임시간을 기준으로 데이터가 정렬되고과거 데이터 분석에 용이인덱스 설정 데이터 삭제 전략파티셔닝(대량 데이터 처리)시계열 DB 사용

2025년 2월 20일
·
0개의 댓글
·
post-thumbnail

NestJs - OnModuleInit

https://docs.nestjs.com/fundamentals/lifecycle-eventsOnModuleInit은 NestJs의 생명주기 인터페이스 중 하나로, 특정 클래스가 모듈 내에서 초기화될 때 실행되는 hook를 제공한다. 다음 다이어그램은 애플리

2025년 2월 17일
·
0개의 댓글
·

TDD 어떻게 접근하는게 좋을까?

UI 변경이 잦아 TDD 적용이 비효율적일 수 있음.FE에서 테스트는 우리가 예상한 결과값이 나오는 것들을 테스트 코드로 만드는데UI가 계속 변경되고 있는 와중에 테스트 코드를 짜게 되면 할 일이 더 많아짐시나리오 테스트(e.g., Playwright, Cypress,

2025년 2월 17일
·
0개의 댓글
·

TypeScript - 접근제한자

TS에서는 클래스(class) 내에서 속성 및 메서드의 접근 범위를 조정하기 위해 접근 제한자 사용 1\. Private - 클래스 내부에서만 접근 가능 2\. Protected - 클래스 내부 + 자식 클래스에서 접근 가능 3\. Public - 어디서든 접근 가능

2025년 2월 15일
·
0개의 댓글
·
post-thumbnail

Getter & Setter 개념 학습

Getter와 Setter는 객체 지향 프로그래밍(OOP)에서 사용되는 개념일종의 메서드 라고 보면 된다. Getter : 객체의 속성 값을 반환하는 MethodSetter : 객체의 속성 값을 설정, 변경하는 Method위와 같이 바로 접근하지 말고 getName()

2025년 2월 14일
·
0개의 댓글
·
post-thumbnail

내가 보려고 만든 Redis 입문1(추가 필요)

Redis : Remote Dictionary Server, 'Key-Value'구조의 비정형 데이터를 저장하고 관리하기 위한 오픈 소스 기반의 비관계형 데이터베이스 (DBMS)→ Redis는 데이터 처리 속도가 빠른 NoSQL 데이터베이스NOSQL DB : 'Key-

2025년 2월 13일
·
0개의 댓글
·

as const(const assertions)

as const : const assertions 상수 어설션이라고 한다. TS 3.4에서 도입됨 as const는 TypeScript에서 리터럴 값을 변경할 수 없는 상수로 고정할 때 사용하는 구문이를 사용하면 객체, 배열, 기본 타입의 값을 readonly로 변환할

2025년 2월 13일
·
0개의 댓글
·
post-thumbnail

Barrel Export Pattern (배럴 패턴)

index.ts라는 폴더에 export \* from './something'이렇게 작성된 코드들이 있었는데 대충 여기 해당된 모듈을 전부 Export 해주는구나 라고 알기는 했지만 이런 패턴을 뭐라고 명명하는지, 어떤 장점이 있는지 알아보고 싶어서 작성하게 됨 배럴(

2025년 2월 13일
·
0개의 댓글
·
post-thumbnail

Drizzle - ORM

아래 본문은 참고자료를 chat gpt를 통해 번역 + 정리한 글 입니다. 보다 정확한 정보는 공식문서와 참고자료 링크를 통해 확인부탁드립니다. 웹 개발자로서 SQL 데이터베이스를 다룬다면, TypeScript ORM 도구에 대해 들어본 적이 있을 것입니다. TypeS

2025년 2월 12일
·
0개의 댓글
·
post-thumbnail

NestJS - 셋업 + CRUD

HINT TS strict를 추가하고 싶다면 --strictflag를 같이 쓸 것 nest new project-name --strictFactory 패턴을 사용해서 인스턴스를 찍어내고 있구나 판단controller, service: controller는 route,

2025년 2월 4일
·
0개의 댓글
·
post-thumbnail

NextJS - Routing/Parallel Routes

병렬 라우트를 사용하면 같은 레이아웃 내에서 여러 페이지를 동시에 또는 조건부 렌더링 할 수 있다. dashboard, feeds와 같은 도적인 UI 섹션을 처리하는데 유용하다. Dashboard에서 team, analytics페이지를 동시에 렌더링 할 수 있다. →

2025년 1월 31일
·
0개의 댓글
·
post-thumbnail

NextJs - Routing/Dynamic Routes

정확한 세그먼트 이름을 미리 알 수 없고 동적 데이터를 기반으로 라우트를 생성하려는 경우요청 할 때 또는 빌드 시 미리 렌더링(prerendered)되는 동적 세그먼트를 사용할 수 있다. 대괄호로 폴더 이름을 감싸서 생성 가능 \[folderName]Ex) \[id]

2025년 1월 30일
·
0개의 댓글
·
post-thumbnail

NextJS - Routing/Loading UI and Streaming

📌Loading UI and Streaming loading.js는 React Suspense를 사용해 로딩 UI를 만드는데 도움이 된다. 이 규칙을 사용하면

2025년 1월 30일
·
0개의 댓글
·
post-thumbnail

NextJS - Routing/Linking and Navigating

Next.js에는 4가지 네비게이션 방법이 존재한다. <Link>는 <a>를 확장한 built-in 컴포넌트이다. 라우트 간 prefetching 그리고 클라이언트 측 네비게이션을 제공한다.Good to Know<a>태그의 className이나 targ

2025년 1월 30일
·
0개의 댓글
·