오셀로와 이아고
뮤지컬 오셀로와 이아고의 정보를 정리한 아카이브 사이트입니다.
Personal Note
캐스팅, 공연 일정, 이벤트처럼 여러 곳에 흩어진 정보를 한눈에 보려고 제작했습니다. 원하는 배우 조합의 공연을 찾고 관극 기록까지 관리할 수 있는 사이트를 만들어 같은 공연을 보는 사람들과도 편리함을 나누고 싶었습니다.
Build Notes
- 모바일, PC에서 모두 편리하게 탐색할 수 있도록 반응형 레이아웃을 구현했습니다.
- 날짜별 캐스팅보드와 캘린더 뷰를 통해 캐스팅과 이벤트 일정을 한눈에 확인할 수 있도록 구현했습니다.
- 원하는 배우 조합(페어)을 선택하면 해당 캐스팅의 공연 일정만 모아볼 수 있도록 필터링 기능을 만들었습니다.
- 관람한 회차를 체크하면 배우별·캐스팅 조합별 관람 횟수가 자동으로 집계되도록 구성했습니다.
- 공연장 좌석 배치도를 SVG로 구현해 관람한 좌석을 직접 선택하고 같은 좌석에서 여러 번 관람한 기록도 관리할 수 있게 했습니다.
- 공연 정보, 넘버 리스트, 공식 채널과 예매처, 상시 커튼콜의 음원과 가사를 확인할 수 있도록 아카이빙했습니다.
- AI 에이전트를 적극 활용해서 제작했습니다.
Built With
- Next.js
- React
- TypeScript
- Tailwind CSS
- Codex
- Agy CLI