[Javascript plugin] Masonry Layout 적용하기

🐤 Web/🔨 JS

[Javascript plugin] Masonry Layout 적용하기

chamroro 2022. 7. 7. 14:15

메이슨리 레이아웃 (Masonry Layout)을 이용하면 크기가 다른 컨텐츠를 효율적으로 배치할 수 있다.

빈영역을 최소화할 수 있으며 지겨운 스타일로부터 벗어나 자유로운 느낌을 주기도 한다!

핀터레스트가 이러한 레이아웃을 사용하곤 한다.

https://masonry.desandro.com/

Masonry

Install Download CDN Link directly to Masonry files on unpkg. Package managers Install with Bower: bower install masonry --save Install with npm: npm install masonry-layout Getting started HTML Include the Masonry .js file in your site. Masonry works o

masonry.desandro.com

여기서 다운로드를 받아서 js 폴더 안에 plugin이라는 폴더를 만들고 그 안에 넣었다.