# lazy
코틀린 lateinit과 lazy의 차이점이란?
제목의 2가지는 변수를 늦게 초기화하는 방법들이다. 클래스 안에서 이 변수를 사용할 것이다 라고 선언만 해 놓고 나중에 해당 변수를 사용하는 시점에서 값을 입력해주어서 사용하는 것을 말합니다. 이것도 방법중 하나가 될 수 있습니다. 하지만 2가지 걸리는 상황이 있을 수
Suspense, lazy 를 이용했을 때 화면이 깜박이는 듯한 현상 해결하기
Suspense 는 lazy 메서드를 사용했을 경우 특정 이벤트가 발생했을 경우 분리된 정크파일을 해석하여 화면에 렌더링하게 되는데 그동안의 텀이 존재하고 그 텀에는 Suspense 의 fallback 어트리뷰트에 할당한 JSX.Element로 대체하여 사용자에게 보여
Lazy 로딩 React
필요할 때만 다운로드 하는 방법 React.lazy/product 경로로 이동하였을 때만 다운로드한다. 하지만 다운로드 가 다 될동안 react 앱은 중단되므로 오류가 발생한다. 해결책 : 서스펜션 컴포넌트를 사용한다.import React, { Suspense } f
[React.Lazy][Suspense] React에서 코드 스플리팅하기
입사 첫 주차가 지나갔다.앞으로 매주 TWIL과 회고를 진행하려고 하는데, 오늘은 회사의 코드를 파악하면서 익숙하지 않은 새로운 개념들을 하나씩 정리해두려고 한다.회사에서는 Next.js를 별도로 사용하고 있지는 않고 React 자체에서 코드 스플리팅을 사용하고 있다.
fragment에서 lazy를 쓸 때 주의할 점
프래그먼트에 lazy로 어떤 변수를 선언해두고 썼는데, 얘가 다시 돌아왔을 때 제대로 동작을 안함.예) 여기서 FragmentB로 갔다가 다시 A로 돌아왔을때 tabList가 제대로 작동하지 않음.기본적으로 프래그먼트는 제거 될때, 뷰를 파괴한다. 그러나 lazy변수는
Kotlin 변수 : 상수, lateinit, lazy
var : 한번 할당 된 객체를 다른 객체로 변경하여 사용할 수 있다val : 한번 할당하면 변경할 수 없다 (단, 객체 내부 속성은 변경가능)상수 (const) : 컴파일 시점에 결정되어 절대 변경이 불가하다 (기본 자료형만 선언 가능)사용할 경우 Sample.CON
[React] Suspense란?
Suspense는 아직 렌더링이 준비되지 않은 컴포넌트가 있을때 로딩 화면을 보여주고 로딩이 완료되면 해당 컴포넌트를 보여주는 React에 내장되어 있는 기능이다.리액트 공식문서(https://ko.reactjs.org/docs/react-api.htmlSPA
lazy loading
인스타 클론 하다가 배웠다.lazy는 게으르다는 뜻인데 프로그래밍에서는 조금 다른 의미로 쓰인다. 그냥 최소한의 노력으로 최대의 효율을 누리다 의 개념으로 보면 좋을 것 같다.lazy라는 말은 예전에 바닐라 js의 제너레이터로 지연평가를 하는 방법에 대해서 배울때 들은
[JPA] 즉시로딩(EAGER)과 지연로딩(LAZY) (왜 LAZY 로딩을 써야할까?) (1)
이전 글에서 Proxy에 대해 살펴보았다. Proxy는 이 글의 주제인 즉시로딩과 지연로딩을 구현하는데 중요한 개념인데, 일단 원리는 미뤄두고 즉시로딩과 지연로딩이 무엇인지에 대해 먼저 알아보자. 위와 같은 상황을 가정하고 엔티티를 작성해보자! Entity는 위와
[Django] Lazy-Loading
ORM에선 DB의 리소스를 정말 필요한 때가 아니면 호출하지 않는다.인터프리터에서 처리하는 라인에서 해당 값이 사용될 때 까지 쿼리문은 수행되지 않는다.성능차원에서 DB엑세스를 최소화하기 위해 사용되나 비효율적인 쿼리가 발생하므로 ...들이 발생한다.여러 개의 쿼리가
[리액트] lazy와 suspense
react v16.6 이후부터는 코드 스플리팅을 위한 내장 함수인 React.lazy와 Suspense 컴포넌트가 생겼습니다.그 전 버전에서는 import 함수를 통한 비동기 로딩을 하며, 클래스형 컴포넌트를 사용해야 합니다.우선 자바스크립트 함수를 비동기 로딩해보겠습
by lazy
users를 보면 by를 lazy와 사용한다.by lazy를 사용할 경우 아래의 코드의 결과는computedHelloHello가 된다.lazyValue가 클래스 내부에 포함된 객체라 가정할 경우class가 생성될 경우 함께 초기화되지 않음lazyValue가 초기화되는
Clousure
대망의 Closure다. 처음 공부할 때 정말 어려웠던 경험이 있다. 그 당시 생각을 하면서 찬찬히 적었으니 잘 이해가 되었으면 좋겠다.
React 최적화 lazy 적용
TypeScript에서 lazy를 사용할 때Type 'Promise<typeof import("/Users/jeongjunhyeok/react/gdsc-dju-web-ts/src/pages/Introduce/index")>' is not assignable to
.png)
JPA 무조건 LAZY로 설정하시나요?
안녕하세요 자바를 공부하는 초보개발자 명아주입니다.최근 JPA 를 공부하며 헷갈렸던 내용을 공유하려고 글을 적습니다.JPA 에서 연관관계 Mapping 은 N + 1 이슈나 여러 성능개선을 위해 대부분 fetch 를 LAZY로 설정합니다.LAZY로 설정하면 실질적으로
React.lazy 왜 쓰는가
내가 현재 만지는 소스에 lazy가 있다!찾아보면 간단하게 말해서 늦게 컴포넌트 불러와주고, 그래서 코드스플리팅이 가능케 한다. 동적 import를 해준다 라고 나온다. 대강은 느낌이 오는데.. 왜 쓸까? 동적 임포트 왜? 찾아보면 한국 포스팅 자료는 다 퍼포먼스가 좋