해당 UI 명칭을 알 수 있을까요? 좋은 레퍼런스도 있다면 도움 부탁드려요!
해당 UI를 개발하려고 합니다. 라이브러리 없이 개발하려고 했으나 사이즈 조절 계산식이 없다보니 넓이에 꽉차게 이미지들이 안들어가더라구요. 혹시 사용해보신 라이브러리나 검색 키워드가 있을까요? 찾아봤는데 mosonry layout만 나오더라구요.. 이미지가 안올라가네요! 구글 이미지 탭 접속하면 나오는 이미지 갤러리 입니다! 도움부탁드립니다!
답변 1
말씀해주신 것처럼여러 이미지를 벽돌처럼 쌓아올리는 UI를 통상적으로 Masonry Layout 이라고 부르곤 합니다. 저도 이것을 직접 구현해본 경험은 없는데, 네이버의 egjs 라이브러리를 활용해 기능 구현을 해본 경험은 있습니다. 사용 경험이 나름(?) 나쁘지 않았어요. - https://naver.github.io/egjs-grid/storybook/?path=/story/introduction--page 이 외에도 구글에 검색하니 직접 구현하는 과정을 소개한 글도 있네요. - https://velog.io/@bbumjun/masonry-%EB%A0%88%EC%9D%B4%EC%95%84%EC%9B%83%EC%9C%BC%EB%A1%9C-%EA%B0%A4%EB%9F%AC%EB%A6%AC-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 - https://wit.nts-corp.com/2022/10/26/6595
조성원
경기대학교 컴퓨터공학 • 5일 전
저도 관련해서 많이 찾아봤었는데요. 제 경험상 가장 좋았던건 Magicgrid였습니다. 반응형으로 너비에 따른 레이아웃 변환이나 애니메이션 적용 등이 인상적이었네요. https://github.com/e-oj/Magic-Grid
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직 개발자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
지금 가입하면 모든 질문의 답변을 볼 수 있어요!