[Javascript plugin] Masonry Layout 적용하기

    메이슨리 레이아웃 (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이라는 폴더를 만들고 그 안에 넣었다. 

     

    반응형

    'Frontend > 🔨 JS' 카테고리의 다른 글

    getElementsByClassName 함수 구현하기 (+자바스크립트에서 유사배열과 배열, 변환 방법)  (0) 2025.09.03
    Three.js 로 움직이는 지구본 만들기  (0) 2022.10.22
    [js library] AOS 스크롤 애니메이션 구현하기  (0) 2022.08.10

    댓글

    티스토리툴바