인터넷이 느려서 이미지가 불러와지지 않았을때도 무언가 그영역에 보여지도록, 미리 그 영역을 blur 표현으로 얇게 유사색들을 칠해놓는 UX입니다.

PlaiceHolder

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2c9774a3-37b8-43f3-aaeb-88f882ef407b/_2021-06-14__4.08.35.png

🔗 PlaiceHolder 기술(오타아님) 예시 페이지

🔗 PlaiceHolder 기술(오타아님) 소스코드

BlurHash

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/eeb81b09-ff4d-4782-91d5-145b43e4d6cf/_2021-07-17__4.47.36.png

🔗 BlurHash 예시 페이지

React Content Loader

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/7d367297-316e-4b5c-b1e9-aad69ab4a163/_2021-07-17__4.50.07.png

🔗 리액트 콘텐츠 로더 페이지

<aside> 📦 React Block UI [링크] 데이터 로딩 시 특정 문단에 로딩 표시를 추가해줍니다. #플레이스홀더 #PlaceHolder #Network

</aside>