# 포토 앨범 첨부파일 ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110303_wM0Fa1SlDLQxsEEExL?q=80&s=1280x180&t=outside&f=webp) 때로는 하나의 이미지로는 게시물을 충분히 담아내기 어렵습니다. 현장학습을 기록할 때. 단계별 레시피를 공유할 때. 분위기를 한눈에 담는 무드보드를 만들 때. 수년 동안 여러분은 하나의 게시물에 여러 장의 사진을 추가할 수 있게 해달라고 요청해왔습니다. 그리고 이제, 드디어 그 방법을 구현했습니다. 이제 Padlet의 모든 게시물에 최대 6장의 사진을 추가할 수 있습니다. 우리는 이것을 포토 앨범(Photo Album) 이라고 부릅니다. --- ### 왜 이렇게 오래 걸렸나요? ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110424_VLHD755pYYW0EvjFpr) Padlet은 처음부터 "게시물 하나에 첨부파일 하나"라는 단순한 가정 위에 만들어졌습니다. 이 개념은 데이터 저장 방식, 게시물 렌더링 방식, 콘텐츠 검토 방식 등 모든 구조에 깊이 반영되어 있었습니다. 포토 앨범을 추가한다는 것은 그 전제를 다시 생각하는 일이었습니다. 사실 여러 종류의 첨부파일(사진, 동영상, 링크, 문서 등)을 한 번에 여러 개 추가하고 싶다는 요청은 오래전부터 있었습니다. 하지만 그 범위는 매우 방대했습니다. 그래서 우리는 먼저 **사진**부터 시작하기로 했습니다. "포토 앨범"은 현실 세계에도 존재하는 개념입니다. 할머니 댁에도 하나쯤 있죠. 별도의 설명이 필요 없는 익숙한 개념이었습니다. --- ### 포토 앨범은 어떻게 만드나요? 작업 방식에 따라 세 가지 방법을 준비했습니다. **1. 첨부파일 선택기에서 추가하기** ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110443_ivgiLOSikYtvRSl5a4) 포토 앨범 옵션을 클릭하고, 이미지를 선택하면 완료입니다. **2. 드래그 앤 드롭** ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110540_drwGXhVkImkB58wtuT) 여러 장의 사진을 한 번에 작성창에 끌어다 놓으면 자동으로 하나의 앨범으로 묶입니다 . **3. 업로드 후 계속 추가하기** ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110608_VQXM4iKvILpLOdXszW) 이미 사진을 하나 업로드했다면, "+ Photos" 버튼을 눌러 계속 추가할 수 있습니다. 단일 이미지도 언제든 앨범으로 확장할 수 있습니다. 앨범당 최대 6장까지 추가할 수 있습니다. 보드가 끝없이 스크롤되는 상황을 만들지 않으면서도, 하나의 이야기를 충분히 전달할 수 있는 수량입니다. --- ### 왜 6장인가요? 무제한은 안 되나요? 무제한도 고려했습니다. 하지만 제약은 버그가 아니라 기능이라고 생각합니다. 6장은 단계별 레시피, 현장학습 기록, 화면에 잘 맞는 무드보드를 만들기에 충분한 수입니다. 게시물 크기를 적절하게 유지해 보드가 끝없는 스크롤 벽이 되지 않도록 합니다. 솔직히 6장보다 더 필요하다면, 슬라이드쇼를 만들고 계신 걸지도 모릅니다. (그 기능도 이미 있습니다.) --- ### 왜 콜라주가 아니라 캐러셀인가요? ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110618_AK1TUNgqzUT4CYmJUv?q=80&s=1280x180&t=outside&f=webp) 초기에는 두 가지 방식을 검토했습니다. - 콜라주: 여러 장을 한 화면에 그리드로 보여주기 - 캐러셀: 슬라이드처럼 넘기며 보기 콜라주는 목업에서는 예뻤습니다. 하지만 실제 환경에서는 사진 비율과 개수가 제각각이라 빠르게 복잡해졌습니다. 보드의 다른 요소들과 시각적으로 충돌하기도 했습니다. 결국 **캐러셀 방식**을 선택했습니다. Instagram에서 이미 익숙한 패턴이죠. 스와이프하거나, 키보드 화살표로 탐색할 수 있습니다. 그리고 모든 이미지를 한 번에 로드할 필요가 없기 때문에, 사진이 많은 보드에서도 속도를 유지할 수 있습니다. --- ### 사진 크기가 다르면 어떻게 되나요? ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110626_bbpXkQcJgThr1smPET?q=80&s=1280x180&t=outside&f=webp) 사진은 다양한 비율을 가집니다. 세로형, 가로형, 정사각형 등. 그런데 캐러셀에서 비율이 크게 다른 사진으로 넘어가면 게시물 크기가 갑자기 변할 수 있습니다. 사용자는 의식적으로는 느끼지 못해도, 전체 보드가 흔들리는 느낌을 받게 됩니다. 우리는 이를 해결하기 위해 **블러(흐림) 배경을 활용한 레터박스(letterboxing)**방식을 사용했습니다. 각 사진의 원본 비율은 유지하면서(어색한 크롭 없이), 게시물의 전체 크기는 일정하게 유지합니다. 배경을 흐림 처리해 전환이 자연스럽게 느껴지도록 했습니다. 단 하나의 예외가 있습니다. 첫 번째 사진은 레터박스 없이 표시됩니다. 이 사진이 앨범의 대표 이미지 역할을 하기 때문입니다. --- ### 모든 보드 형식에서 작동하나요? 이 부분이 특히 까다로웠습니다. Padlet에는 Wall, Stream, Grid, Timeline, Map, Slideshow 등 다양한 형식이 있습니다. 포토 앨범은 이 모든 형식에서 자연스럽게 작동해야 했습니다. 특히 슬라이드쇼가 흥미로운 도전이었습니다. 대부분의 사용자는 화살표 키로 슬라이드를 넘깁니다. 그런데 이제 하나의 슬라이드 안에 여러 이미지가 들어갈 수 있게 되었죠. "오른쪽 화살표 = 다음으로 이동"이라는 흐름을 깨고 싶지 않았습니다. ![Image](https://upload.cafenono.com/image/slashpagePost/20260214/110640_BXgGy5wUuiaSHPZwwd?q=80&s=1280x180&t=outside&f=webp) 해결 방식은 이렇습니다: - 앨범이 포함된 슬라이드에 도착하면, 먼저 모든 이미지가 콜라주 형태로 보입니다. - 오른쪽 화살표를 누르면, 각 이미지를 하나씩 순서대로 보여줍니다. - 마지막 이미지 이후에는 다음 슬라이드로 이동합니다. 키보드만으로도 자연스럽게 발표를 이어갈 수 있습니다. 급하다면, 콜라주에서 원하는 이미지를 클릭해 바로 그 순서로 이동할 수도 있습니다. --- ### 모든 사용자에게 제공되나요? 네. 포토 앨범 기능은 무료 사용자와 유료 사용자 모두에게 제공됩니다. --- ### 다음은 무엇인가요? 지금은 1차 버전입니다. 앞으로는 사진과 다른 미디어를 함께 섞는 기능, 다양한 표시 옵션 등을 고민하고 있습니다. 의견이 있으시다면 언제든 환영합니다. 우리는 여러분의 목소리를 듣고 있습니다. 이번 기능 구현에 기여해준 Alex, Estee, Declan과 디자인 및 엔지니어링 팀 전체에 감사드립니다. --- [Photo album attachment](https://padlet.blog/photo-albums/) For the site tree, see the [root Markdown](https://blog.learntoday.kr/.md).