aster®

북촌한옥마을을 소개하는 인스타그램 게시물 시안

2026-08 · 콘티

claude.ai

1. 작업 소개

피드 열두 칸 중 두 번째 칸(가볼 곳 / 코발트)을 눌렀을 때 열리는 게시물 상세 화면이다. 칩·헤드라인·핀이 그대로 게시물 첫 장이 된다.

캐러셀은 다섯 장이다 — 커버 그래픽 1장, TourAPI 사진 3장, 정보 카드 1장. 안에 들어간 값은 전부 한국관광공사 TourAPI 에서 실제로 조회한 것이다(contentid 126537, 2026-08-31 조회). 주소는 서울특별시 종로구 계동길 37, 관람시간 10:00~17:00 에 17시부터 다음날 10시까지 방문 제한, 휴무일 연중무휴, 주차 불가능, 문의 북촌마을안내소 02-2148-4161, 앱 링크는 /ko/spots/126537 이다.

2. 구현 과정과 선택 기준

사진을 자르지 않는 조건에 맞춰 게시물 형식을 정했다. 이 장소의 cpyrhtDivCd 는 Type3 — 공공누리 제3유형, 출처표시와 변경금지다. 그래서 사진 석 장은 한 픽셀도 자르지 않았고, 파일 크기 때문에 940×627 → 760×507 로 비율을 유지한 채 축소만 했다.

TourAPI 사진이 전부 940×627, 정확히 3:2 이고 인스타 캐러셀은 첫 장 비율로 나머지를 맞춘다. 따라서 커버 그래픽도 3:2로 만들어야 사진이 잘리지 않는다. 대신 프로필 그리드 썸네일은 무조건 정사각으로 잘리므로 커버의 칩·헤드라인·핀은 가운데 1:1 안에 넣었다. 피드 열두 칸이 사진이 아니라 그래픽인 이유가 이것이다.

캡션은 세 부분으로 나눴다. 공감 한 줄, 관람시간과 주차 같은 실제 제약, 그리고 overview 끝 문단에서 가져온 침묵관광 부탁이다. 해시태그는 6개다.

3. 현재 상태와 남은 작업

실제 값과 예시 값을 화면 아래에 갈라 적어 뒀다. 장소명·주소·관람시간·휴무·주차·문의·사진·contentid 는 2026-08-31 에 KorService2 의 areaBasedList2, detailCommon2, detailIntro2, detailImage2 를 실제로 호출해 받은 값이다. 좋아요 1,204개, 댓글 24개, 댓글 두 줄, "3시간 전", 팔로워 수는 화면 형식을 보이기 위한 가짜 숫자다 — 아직 계정이 없으므로 실제 지표가 아니다.

실제 발행할 때는 캡션 끝이나 첫 댓글에 "사진 · 한국관광공사" 출처를 반드시 넣어야 한다.