profile
프론트엔드 개발
post-thumbnail

useContext 최적화

이제 useContext도 친해져 보려고 해..

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

useMemo with comparator

리렌더링 스트레스 받아...

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

useMemo with performance tab

유튜브 보다가 '지도에 모든 마커가 리렌더링 될 필요가 없죠' 하는 그 장면에 나온 타임라인이 늘 궁금했어...

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

Eager Loading

And I also 레이지 좋아

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

Render as You Fetch

이미지를 잘 다루기 위한 두근두근 대모험...

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

Data Fetch 와 Cache

두근두근 캐시 대작전,,,

2023년 3월 19일
·
6개의 댓글
·
post-thumbnail

Suspense

suspense와 useTransition... 나를 조금 설레게 해...

2023년 3월 19일
·
0개의 댓글
·
post-thumbnail

Props Pattern

이거 좀 헷갈려

2023년 3월 11일
·
2개의 댓글
·
post-thumbnail

Compound Pattern

컴파운드 좋음

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

useEffect , useLayoutEffect

그렇다고 하니...

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

짱짱한 컴포넌트를 만들자

개발하다 종종 보있던 에러인데, 무언가 요청을 하고 페이지 이동을 하게 되면 state를 업데이트를 하려고 보니 컴포넌트는 언마운트 되어서 발생한 문제다.실무하면서도 몇 번 보았고 메모리 릭을 유발하니 useEffect clean()이나 mount 상태를 보고 b

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

useEffect과 useCallback

보면 볼수록 어려워 유즈콜백..

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

React Batching

react18 배칭

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

디자인 패턴 - 옵저버

옵저버 패턴

2023년 2월 16일
·
0개의 댓글
·
post-thumbnail

디자인패턴 - 팩토리

생성자 패턴 중 하나여러 class를 효율적으로 생성하도록 하는 패턴하나의 inteface를 통해 여러 object를 '공장'처럼 찍어냄. 즉, 동적 환경에 최적화됨 팩토리 interface는 새로운 object를 생성/리턴하는 일을 위임하는 것shoe라는 class는

2023년 2월 15일
·
1개의 댓글
·
post-thumbnail

디자인패턴 - 싱글톤

생성자 패턴하나의 instance만 생성하는 디자인 패턴시스템 로깅, 앱 설정 등에 사용됨contructor에 직접 접근 불가그래서 instance를 가져올 때 static 함수를 사용해야 함.즉, instance는 항상 유일하게 존재함constructor에서 inst

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

Matrix 알고리즘 문제

이차원 배열에서 영역 지정 문제

2023년 1월 29일
·
0개의 댓글
·

모나드와 Kleisli Composition

모나드란? 함수 합성 관점에서 Promise는 비동기 상황에서 함수 합성을 안전하게 하게 하는 도구 함수 합성이란 이런 식으로 하나의 인자에 여러 함수가 실행되는 것 안전하게 함수를 합성하게 하는 것이 모나드고, 비동기적 상황에서는 Promise 모나드 예시 Promise 예시 여기서 Promise는 인자의 유무에 따른 함수 합성의 안전성을 보장하...

2023년 1월 20일
·
0개의 댓글
·
post-thumbnail

그래프

그래프란? 그래프는 트리(Tree)를 포괄한 개념 구조가 복잡한 자료 구조는 선형 구조나 트리로 표현 불가 연결되어 있는 원소 간의 관계를 표현하는 자료 구조 그래프 구성 정점(Vertex)와 객체를 연결하는 간선(Edge)로 구성 그래프 G를 G = (V, E)로 정의한다. 그래프 종류 1. 무방향 그래프 간선에 방향이 없는 그래프 양쪽으로 다...

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

슬라이딩 윈도우

슬라이딩 윈도우란 배열이나 리스트 요소의 일정 범위 값을 비교할 때 유용한 알고리즘 정수 배열에서 연속된 정수들의 최대 합을 구할 때 사용된다 예제문제 나는 이 문제를 for문에서 i, i+1, i+2 로 찾았는데 슬라이딩 윈도우으로 효율적으로 풀 수 있다(내가 했던 다 찾는 방식은 뭐가 문제인지는 모르겠음) 이렇게 일 때, 투 포인터로 정수 요소 3...

2023년 1월 6일
·
0개의 댓글
·