간헐적으로 필요한 레이아웃이다.
간단하게 CSS + HTML + JS로 구현해도 된다.
레이아웃 그대로 그려주는 상황이면 그래도 된다.
보통은 이 기능 붙여주세요, 저 기능 붙여주세요, 부드럽게 효과를 주면 좋겠어요 ..
커스텀의 세계로 깊숙이 들어간다.
최신 JS를 지원하는 환경이라면 egjs-grid.js 를 사용하면 한결 편하다.
ES6를 지원해야 한다.
https://naver.github.io/egjs-grid/storybook/?path=/story/introduction--page
만약에 ES5 엔진이면 UI/UX 개발담당자 공수가 꽤 들어간다.
게다가 경험이 없다면 대부분의 요청은 테스트 후 가능여부가 결정된다.
Marsonry Layout으로 검색을 많이 하고, 여러 테스트 코드를 실행하고, 구현 방법을 결정한다.
레이아웃 구성 div 포지션이 absolute 냐 static/relative 냐에 따라 난이도도 바뀐다.
CSS + HTML + JS 조합으로 sortable 기능을 넣은 경험이 있는데, 구현을 하긴 했다.
항상 하는 얘기지만, 요구사항이 구체적이고 시간만 있다면 nothing is impossible 이다.
반응형
'기술 > JS' 카테고리의 다른 글
json 파일 include 하는 방법 (0) | 2025.03.01 |
---|---|
화살표 함수 Arrow Function (0) | 2021.01.15 |
include js 파일 만들기 (0) | 2021.01.14 |
Nest.js - Javascript Framework 네스트 자바스크립트 프레임웍 (0) | 2019.10.13 |
Gatsby.js - Javascript Framework (0) | 2019.10.13 |
댓글