디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

프엔 고수 질문좀 성능관련

ㅇㅇ(211.32) 2024.04.18 11:55:32
조회 39 추천 0 댓글 0
														

개인공부중인데

메인화면에 배너 슬라이드가 있는데 이 컴포넌트를

csr에서 ssr 방식으로 처리하면 Lighthouse 성능 CLS점수가 엄청떨어지는데

어떻게 해결해야할지 모르겠음

팁좀 주면 감사

컴포넌트 소스상 차이는 아래 부분밖에 없음




ssr

const BannerComponent:React.FC<BannerComponentProps> = ({banners}) => {
// const [banners, setBanners] = useState<Banner[]>([])
const [activeIndex, setActiveIndex] = useState(0);

// useEffect(() => {
// // 내부 API 엔드포인트를 통해 데이터 요청
// fetch('/api/banners')
// .then((res) => res.json())
// .then((data) => {
// setBanners(data);
// })
// .catch((error) => {
// console.error('Error fetching data:', error);
// }
// );
// }, []);


7bf3c028e2f206a26d81f6e64689726f




csr



7cf3c028e2f206a26d81f6ed43867d64


7ff3c028e2f206a26d81f6ec4384706f


7ef3c028e2f206a26d81f6e04280716f


79f3c028e2f206a26d81f6e04181716f


78f3c028e2f206a26d81f6e74e80716d


추천 비추천

0

고정닉 0

0

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 주위 눈치 안 보고(어쩌면 눈치 없이) MZ식 '직설 화법' 날릴 것 같은 스타는? 운영자 24/04/29 - -
공지 프로그래밍 갤러리 이용 안내 [68] 운영자 20.09.28 34278 62
2688202 휴대폰에 앱을 200개쯤 깔았더니 맨날 용량 부족 발명도둑잡기갤로그로 이동합니다. 11:36 1 0
2688201 구글이 플러터팀 해고한것 사실이라고 함 [1] 헬마스터갤로그로 이동합니다. 11:35 6 0
2688200 하루 한번 로우레벨 힙스터 개발찬양 은둔형갤로그로 이동합니다. 11:34 4 0
2688199 천국에는 화폐가 있는가 없는가? 발명도둑잡기갤로그로 이동합니다. 11:30 5 0
2688198 출근햇다노ㅋㅋ개꿀이다노ㅋㅋㅋ 보법E노무현갤로그로 이동합니다. 11:28 6 0
2688197 머리떡진건데 약간 왁스바른것처럼됨 은둔형갤로그로 이동합니다. 11:25 8 0
2688196 달력 바꼈잖아. 아가들아. 프갤러(121.172) 11:25 16 0
2688195 플러터는 일단 깃허브부터가 개씹창임ㅋㅋ 프갤러(1.239) 11:23 12 0
2688194 외계인의 기술을 가져온 RxFramework [2] 프갤러(121.172) 11:22 22 0
2688193 c버려? 파이썬런타임좀 러스트로 만들어 프갤러(49.142) 11:22 7 0
2688192 언제는 si가면 안된다며 ㅇㅇ(211.36) 11:22 8 0
2688191 출근한새끼개추ㅋㅋㅋㅋ 보법이노무현(223.62) 11:21 3 0
2688190 김밥천국도 가격이 많이 올랐네요 ㅇㅇ갤로그로 이동합니다. 11:18 3 0
2688189 근데 단비 아재는 바이든이 러스트 미는거 보고 [1] ㅇㅇ(175.208) 11:16 15 1
2688188 중소와 중견의 차이 프갤러(58.233) 11:14 8 0
2688187 나님 시작합니당 ❤ [1] ♥궁그미냥덩♥갤로그로 이동합니다. 11:12 4 0
2688186 오늘 코엑스 인공지능 전시회 나가시는 분? 발명도둑잡기갤로그로 이동합니다. 11:08 8 0
2688185 신기한게 **엄마라는 닉넴은 별로없는데 **아빠닉은 개많음 [4] 프갤러(49.142) 11:04 30 0
2688184 프론트엔드 배우려면 얼마나 걸려요? [3] ㅇㅇ(223.38) 11:00 39 0
2688183 싸피도 인서울 중위권안되면 [1] ㅇㅇ(14.52) 10:46 40 0
2688182 노트북 사양이 딸리는데 집컴으로 연산 대신 할 수 있음? 프갤러(125.180) 10:45 11 0
2688180 열리자마자 바로 닫히는 url 좀 알려주라 [9] 프갤러(119.66) 10:41 60 0
2688179 현직 si 형님들 계신가요? [3] 프갤러(58.238) 10:41 32 0
2688178 국비에서 혹독한 트레이닝이니 뭐니하면 뭐함 [5] 류류(118.235) 10:33 45 1
2688177 새우 가보즈아~ 쇼팬하우어갤로그로 이동합니다. 10:29 11 0
2688176 방송대 >>>>>>>>>>>> 건동홍임 ㅇㅅㅇ 류류(118.235) 10:27 15 1
2688175 개인 삶에서 창조되는거랄까? ♥궁그미냥덩♥갤로그로 이동합니다. 10:26 20 0
2688174 진짜 천재는 만들어 낼수있는게 아님 ♥궁그미냥덩♥갤로그로 이동합니다. 10:26 26 0
2688173 주입된 지식의 융합과 스스로 깨친자의 지식융합은 차원이 다르다 ♥궁그미냥덩♥갤로그로 이동합니다. 10:22 23 0
2688172 비행기 타는법 공부 어디서함.. 은둔형갤로그로 이동합니다. 10:20 20 0
2688170 오사카의 44평 3억9천 아파트 모습. [1] 프갤러(49.142) 10:14 30 0
2688169 그래픽은 아키텍처를 어떻게할지 모르겠다 ㅇㅇ(114.30) 10:14 15 0
2688168 연봉상승률 몇타치? [2] 프갤러(121.165) 10:09 31 0
2688167 냉정하게 얼굴 평가 좀 해줘라 [4] ㅇㅇ(77.111) 10:09 76 6
2688166 gpt는 코딩보단 데이터분석용으로 쓰는게 맞는듯 [2] 프갤러(118.235) 10:08 33 0
2688165 페이스북에서 전화거는 기능 프갤러(211.228) 10:07 9 0
2688164 미래의 어느 역사학자들의 대화라는데 [1] 프갤러(211.241) 10:04 21 0
2688162 돈 없으면 서러운 점 [7] 쇼팬하우어갤로그로 이동합니다. 09:54 35 0
2688161 비전공자 한 30-40명 중에 실력 평균인 사람은 1,2명임 [1] ㅇㅇ(223.38) 09:53 39 0
2688160 개발자 다시 학벌 보는 시대로 돌아간다 [3] ㅇㅇ(223.38) 09:52 67 1
2688159 중소기업재직자는 복지를 해주어야해 [4] 멍청한유라ㅋ갤로그로 이동합니다. 09:51 40 0
2688157 와.. ㅅㅂ 나님 개충격.. 여성형거인 정체가.. ♥궁그미냥덩♥갤로그로 이동합니다. 09:46 29 0
2688156 오먹 예정 [11] 멍청한유라ㅋ갤로그로 이동합니다. 09:45 41 0
2688155 나님 백엔드 개발자가 되기위해 공부 시작합니다 ❤+ [2] 피에로가르뎅갤로그로 이동합니다. 09:45 28 0
2688154 나님 시작합니당 ❤ ♥궁그미냥덩♥갤로그로 이동합니다. 09:44 18 0
2688152 환급금액 ㄷㄷ [5] 키비갤로그로 이동합니다. 09:40 43 0
2688151 수많은 굽삐들이 다 어디로갔을까 [7] 멍청한유라ㅋ갤로그로 이동합니다. 09:35 52 0
2688150 공학적인 사고방식 유튜브 채널 발명도둑잡기갤로그로 이동합니다. 09:33 14 0
2688149 특수 카메라 등 동원해 사기도박…조폭 등 4명 검거 [1] 발명도둑잡기갤로그로 이동합니다. 09:31 13 0
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2