COMPLETE REFERENCE EXAMPLE
참고 예제
유튜브 플레이 앱 전체 제작 과정
2026년 9월 10일 App-1129에서 실제로 주고받은 요청과 처리 결과, 실제 첨부 화면을 시간 순서대로 옮긴 전체 대화 예제입니다.
01기본 기능
02실행 확인
03화면 보완
04간격 조정
05최종 검증
사용 방법
내용을 새로 각색한 예제가 아닙니다. App-1129의 appNumber 1129와 연결된 작업 680, 682~690의 저장 기록과 원본 첨부 파일을 기준으로 구성했습니다.
시작 · 빈 앱 생성
실제 요청 · 작업 680
신규 앱 생성 > 빈 앱으로 시작
- 앱 표시 이름: App1129
- 앱 패키지명: com.ezbricks.app1129
- 빈 화면 1개가 생성되고 기능을 추가할 수 있는 상태로 준비되었습니다.
요청 1 · 유튜브 검색·재생 앱 만들기
실제 요청 · 작업 682
유튜브 플레이어를 만들어볼꺼야 윗쪽에는 유튜브 영상을 확인할 수 있게하고, 그 아래에 검색어 입력하는 입력창을 만들어줘 그리고, 검색어를 입력해서 검색하면, 결과를 그 아랫쪽에 리스트로 확인 할 수 있게해줘 리스트에서 항목을 하나 선택하면, 해당 영상이 위쪽 플레이어에서 플레이 되어야 해
- 상단 단일 플레이어와 검색창, 검색 결과 목록을 생성합니다.
- 결과 선택 시 같은 플레이어에서 영상이 전환됩니다.
- 검색·재생 오류에는 앱 내부 안내가 표시됩니다.
처리 결과: 상단 단일 YouTube 플레이어, 네이티브 검색 목록과 선택 재생을 구현하고 APK 서명 및 구조 검증을 완료했습니다. 결과 파일: App1129-r1.0.0-682-260910.apk
요청 2 · 실제 검색·재생 화면 확인
실제 요청 · 작업 683
검색어 입력란에 "뉴스"를 입력해서 검색하고, 목록에서 첫번째 항목을 선택해서, 영상이 플레이될때 스샷을 잡아서 공유해줘
- “뉴스” 검색과 첫 결과 선택을 실행합니다.
- 상단 플레이어의 재생 상태를 확인합니다.
요청 3 · 상단 문구 제거와 썸네일 추가
실제 요청 · 작업 684
영상 윗쪽에 문구들 제거해주고, 검색 목록 부분에 각 영상의 썸네일 추가해줘
- 플레이어 위 제목과 안내 문구를 제거합니다.
- 검색 결과마다 16:9 영상 썸네일을 추가합니다.
- 썸네일을 불러오지 못해도 선택 기능은 유지됩니다.
처리 결과: 플레이어 위 제목·설명을 제거하고 각 검색 결과에 16:9 썸네일을 추가했습니다. 결과 파일: App1129-r1.0.0-684-260910.apk
요청 4 · 목록의 코드성 텍스트 제거
실제 요청 · 작업 685
목록 부분에 요렇게 나오는 내용들 코드가 출력되지 않도록 수정해줘
- 재생시간 객체의 원문 대신 5:35 같은 표시용 텍스트만 사용합니다.
- 목록에는 제목, 채널명, 재생시간과 썸네일만 표시합니다.
처리 결과: 재생시간 객체의 JSON 원문 대신 5:35 같은 표시용 텍스트만 추출하도록 수정했습니다. 결과 파일: App1129-r1.0.0-685-260910.apk
요청 5 · 수정된 목록 다시 확인
실제 요청 · 작업 686
검색어 입력란에 "뉴스"를 입력해서 검색하고, 목록에서 첫번째 항목을 선택해서, 영상이 플레이될때 스샷을 잡아서 공유해줘
- 코드성 텍스트가 사라졌는지 확인합니다.
- 검색 목록과 영상 재생이 계속 정상 동작하는지 확인합니다.
요청 6 · 재생중 배지와 목록 간격 조정
실제 요청 · 작업 687
검색어 입력란 밑에 재생중 관련 정보는 제거해 주고, 영상 목록의 썸네일에 "재생중" 뱃지를 녹색 배경에 작게 달아줘, 영상 목록의 줄 간격 지금의 1/4로 줄여주고
- 검색창 아래의 별도 재생 중 문구를 제거합니다.
- 선택된 영상 썸네일에만 녹색 재생중 배지를 표시합니다.
- 목록 행 간격을 약 10dp에서 2dp로 줄입니다.
처리 결과: 검색창 아래 재생 중 문구를 없애고, 선택된 영상 썸네일에만 작은 초록색 배지가 표시되도록 했습니다. 목록 행 간격도 약 10dp에서 2dp로 줄였습니다. 결과 파일: App1129-r1.0.0-687-260910.apk
요청 7 · 배지와 간격 수정 화면 확인
실제 요청 · 작업 688
검색어 입력란에 "뉴스"를 입력해서 검색하고, 목록에서 첫번째 항목을 선택해서, 영상이 플레이될때 스샷을 잡아서 공유해줘
- 녹색 재생중 배지와 줄어든 목록 간격을 확인합니다.
- 다른 영상을 선택할 때 배지가 이동하는지 확인합니다.
요청 8 · 카드와 재생중 배지 여백 축소
실제 요청 · 작업 689
검색 목록에서 각목록의 박스 여백이 너무 큰데 여백을 65% 줄여줘 재생중 뱃지도 여백을 80%줄여줘
- 영상 카드의 내부 여백과 높이를 함께 줄입니다.
- 썸네일 크기를 유지하면서 정보 밀도를 높입니다.
- 재생중 배지의 바깥·안쪽 여백과 높이를 줄입니다.
처리 결과: 영상 카드 내부 여백을 약 65% 줄이고, 재생중 배지의 외부·내부 여백과 높이를 약 80% 축소했습니다. 결과 파일: App1129-r1.0.0-689-260910.apk
요청 9 · 최종 화면 확인
실제 요청 · 작업 690
검색어 입력란에 "뉴스"를 입력해서 검색하고, 목록에서 첫번째 항목을 선택해서, 영상이 플레이될때 스샷을 잡아서 공유해줘
- 검색, 목록, 배지와 상단 플레이어의 최종 배치를 확인합니다.
- 실제 기기에서도 검색과 재생이 정상인지 확인하면 제작이 완료됩니다.
