lurgi
close
프로필 배경
프로필 로고

lurgi

  • 분류 전체보기 (207)
    • 카공 카페 모음 (9)
    • 개발관련 (189)
      • Front End (6)
      • Next (8)
      • Javascript (12)
      • etc (3)
      • React (27)
      • 개발 상식 (24)
      • 기술 서적 (4)
      • 알고리즘 (0)
      • 하루 30분 모딥다 (22)
      • 하루 30분 러닝 타입스크립트 (11)
      • 리액트 딥 다이브 (6)
      • 백준 (31)
      • 프로그래머스 (4)
      • 객체 지향 & 설계 (6)
      • CSS (4)
      • 디자인 패턴 (13)
      • 우아한 테크코스 6기 (1)
      • 우아한 테크코스 6기 프리코스 (7)
      • 우아한 테크코스 6기 글쓰기 (0)
  • 홈
  • 태그
  • 방명록
반응형
[React] 이미지 로딩, 렌더 사이 깜박임 현상 해결하기

[React] 이미지 로딩, 렌더 사이 깜박임 현상 해결하기

기본적인 skeleton을 구현한다면, 이미지를 불러오는 동안 (로딩 되는 동안) 스켈레톤 UI가 잘 작동 하지만, 이미지를 불러오고 나서, 렌더되는 사이에 오른쪽에서 왼쪽으로 버벅거리며 렌더되는 현상이 있습니다.Image의 src를 Control할 수 있게 state로 변경하여, 이를 개선해보고자 합니다.import { useEffect, useState } from 'react';import styles from "./index.module.css";function ImageComponent(props) { const [imageBlob, setImageBlob] = useState(null); const [isLoading, setIsLoading] = useState(false); useEf..

  • format_list_bulleted 개발관련/React
  • · 2024. 9. 5.
  • textsms
반응형
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (207)
    • 카공 카페 모음 (9)
    • 개발관련 (189)
      • Front End (6)
      • Next (8)
      • Javascript (12)
      • etc (3)
      • React (27)
      • 개발 상식 (24)
      • 기술 서적 (4)
      • 알고리즘 (0)
      • 하루 30분 모딥다 (22)
      • 하루 30분 러닝 타입스크립트 (11)
      • 리액트 딥 다이브 (6)
      • 백준 (31)
      • 프로그래머스 (4)
      • 객체 지향 & 설계 (6)
      • CSS (4)
      • 디자인 패턴 (13)
      • 우아한 테크코스 6기 (1)
      • 우아한 테크코스 6기 프리코스 (7)
      • 우아한 테크코스 6기 글쓰기 (0)
최근 글
인기 글
최근 댓글
태그
  • #react
  • #타입스크립트
  • #리액트
  • #러닝
  • #모딥다
  • #자바스크립트
  • #node.js
  • #백준
  • #Javascript
  • #백준알고리즘
전체 방문자
오늘
어제
전체
반응형
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바