최적화

1.[성능 최적화] 라이브러리(Bundle-analyzer / Code Splitting)

post-thumbnail

성능최적화

2023년 1월 20일

2.[성능 최적화] Light House

post-thumbnail

성능 최적화(light house)

2023년 1월 22일

3.[성능 최적화] 이미지 최적화

post-thumbnail

🚫 문제 - 이미지를 다양한 방법으로 업로드 할 수 있다

2023년 2월 5일

4.[성능 최적화] 불필요한 css제거 최적화

post-thumbnail

[최적화] 불필요한 css제거 최적화

2023년 3월 27일

5.[성능 최적화] console.log 제거

post-thumbnail

📝 console.log 제거 📌 최적화 진행 craco 설치(https://github.com/dilanx/cra

2023년 3월 27일

6.[최적화] hover시 React-Query 이용한 Image PreLoad Caching

post-thumbnail

preLoadImage.ts useImagePreLoadQuery.ts onMouseEvent Method onMouseEnter 사용시 onMouseEnter 함수 불러내기 > 🚫 잘못된 예시 이렇게 했을때 문제 => 이미지를 캐싱을 안했으므로 hover할

2023년 4월 15일

7.[최적화] react image resize

post-thumbnail

이미지 리사이징을 위한 React 라이브러리인 react-image-file-resizer를 소개합니다. 이 라이브러리는 파일의 크기를 조절하고 압축할 수 있는 기능을 제공하여 웹 애플리케이션에서 이미지의 품질과 크기를 효과적으로 관리할 수 있습니다.

2023년 4월 27일

8.[최적화] font-display 최적화

post-thumbnail

웹폰트가 로드되는 동안 텍스트가 계속 표시되는지 확인하기(참고URL) ⏺ font-display font-display는 웹폰트가 로드되는 동안 텍스트를 어떻게 처리할지 지정하는 CSS 속성입니다. 다음은 font-display 속성의 여러 값에 대한 설명입니다 >

2023년 6월 26일