Add ComfyUI wikified docs and youtube extracts; tidy raw→Topics
- 10_Wiki/Comfyui/: ComfyUI docs generated via /wikify - 00_Raw/_youtube/: /youtube extraction outputs - Move some 00_Raw originals into 10_Wiki/Topics_meeting; remove empty canvases and stray files Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -1,31 +0,0 @@
|
||||
# [환불 계정 처리 및 이용 제한 관련 회의]
|
||||
|
||||
날짜: 2026년 05월 07일
|
||||
참석자: 김원일, 오경득, 김상엽, 강성규, 김성회, 홍지훈, 정현욱, 오은지, 한예성 (및 기타 논의 참여 주체)
|
||||
주제 요약: 환불 신청 계정의 서비스 이용 제한 방안에 대해 논의했으며, '캐릭터 연결 해제' 방식이 가장 합리적이라는 결론을 도출함.
|
||||
|
||||
🔹 요약 보고
|
||||
핵심 논의는 환불 계정에 대한 접근 권한 처리 방식입니다. 초기에는 계정 정지나 서비스 제한 가능성을 논의했지만, 법적 및 사용자 경험 측면에서 과도하다는 의견이 있었습니다. 최종적으로 로그인 자체를 막기보다는 **계정과 캐릭터 간의 연결고리만 끊어** 해당 유저가 신규 캐릭터로 재접속하도록 하는 방식이 가장 깔끔하고 현실적인 대안으로 제시되었습니다.
|
||||
|
||||
1. 주요 논의 사항
|
||||
|
||||
[환불 계정 처리 방안]
|
||||
현황: 환불 신청 계정에 대해 서비스 이용 제한(계정 정지 등)을 어떻게 적용할 것인지에 대한 이슈가 존재함. 공지에는 '제재가 가해질 수 있다'는 여지를 두었으나, 구체적인 룰이 확정되지 않아 논의됨.
|
||||
핵심 논의: 계정 정지는 사용자 반발이 심할 수 있다는 우려 제기. 캐릭터 삭제 vs. 연결 해제 방안 비교 검토. 법무팀 검토 의견상 환불 내역은 5년간 보관 의무가 있으므로 ID 유지는 필요하다는 해석도 나옴.
|
||||
결론: **계정과 캐릭터 간의 연결고리만 끊는 방식**이 가장 적절하다는 의견으로 수렴됨.
|
||||
|
||||
2. 리스크 및 이슈
|
||||
법적/정책적 이슈: 환불 관련 데이터 5년 보관 의무가 있으며, 이는 ID 유지의 필요성을 시사함. 이용 제한 조치가 법적으로 정당한지 여부(회사의 사유로 소비자 권리 제한)에 대한 논란이 존재함.
|
||||
사용자 수용성 리스크: 계정 자체를 완전히 정지할 경우 사용자들의 강한 반발이나 추가적인 이슈 제기 가능성이 있음.
|
||||
|
||||
3. 결정 사항
|
||||
최종적으로 캐릭터 삭제/계정 정지 대신, **캐릭터와 유저 ID 간의 연결고리만 끊는 방식**이 가장 현실적이고 무난하다는 방향으로 합의됨 (※ 최종 확정은 대표 승인 필요). 이 경우 기존 캐릭터 데이터는 DB에 보관되어 복구 의무를 충족시킬 수 있음.
|
||||
|
||||
4. 오픈 이슈
|
||||
* 캐릭터 연결 해제 시, 해당 유저가 신규 캐릭터를 생성할 때 닉네임 중복 처리 방식(예: 기존 닉네임 사용 불가 등)에 대한 구체적인 시스템 검토 필요.
|
||||
* 이 방안을 구현하기 위한 DB 수정 및 테스트 범위 확정 필요.
|
||||
|
||||
5. 액션 아이템
|
||||
담당 작업 내용 기한
|
||||
김상엽/개발팀 캐릭터와 유저 ID 간의 연결고리를 끊는 방식(삭제 대신 연결 해제)에 대한 기술적 검토 수행 및 가능성 확인 (DB 수정 최소화 방안 포함). TBD
|
||||
전체 최종 결정된 서비스 제한 정책(연결 해제 방식 등)을 사업부/대표님께 보고하고 공식 승인 획득. TBD
|
||||
@@ -1,46 +0,0 @@
|
||||
# [회의록] 롯데월드 이머시브 커머스 및 AI 스타일링 샵 기술 검토 회의
|
||||
|
||||
날짜: 2026년 05월 12일 | 17:00
|
||||
참석자: 김원일, 홍지훈, 김지환, 정현욱, 오경득, 오상묵, 정승민, 김준호, 김태현, 한예성
|
||||
주제 요약: 이머시브 스토어(360도 뷰)의 모바일/PC 최적화 현황을 시연하고, AI 스타일링 샵의 UI 개선 및 향후 개발 일정(5/19 목표)을 확정함.
|
||||
|
||||
🔹 요약 보고
|
||||
본 회의는 수정된 이머시브 커머스 결과물을 리뷰하고, 기술적 제약 사항(로딩 속도, 모바일 UI, 데이터 용량)에 대한 대응 방안을 논의하기 위해 진행되었습니다. 특히 롯데월드 앱 내 웹뷰 환경에서의 성능 이슈와 AI 스타일링 샵의 사용자 경험(UX) 개선을 위한 구체적인 가이드라인을 도출하였습니다.
|
||||
|
||||
1. 주요 논의 사항
|
||||
|
||||
[이머시브 스토어 기술 검토 및 최적화]
|
||||
현황: 외부 웹 호출 시 모바일 환경에서의 로딩 속도 및 캐싱 동작 확인 필요.
|
||||
핵심 논의:
|
||||
- 최초 접속 시 이미지/영상 다운로드로 인한 지연 발생(캐싱 적용 시 개선됨을 확인).
|
||||
- 모바일/PC 간의 카메라 뷰(View) 차이 조정: 의자가 너무 크게 보이는 문제 해결을 위해 카메라 높이 및 각도 재설정 필요.
|
||||
- 웹뷰 환경에서의 '뒤로 가기' 시 초기화 이슈: 롯데원 앱 내 웹뷰 특성상 발생하는 사이드 이펙트로, 현업 팀장이 인지하고 수용하기로 함.
|
||||
결론: [논의 중] (모바일 최적화를 위해 카메라 앵글 조정 및 리소스 경량화 작업 진행)
|
||||
|
||||
[AI 스타일링 샵 UI/UX 개선]
|
||||
현황: 상품 이미지(썸네일) 깨짐 현상 및 AI 어시스턴트 캐릭터 가독성 문제 발생.
|
||||
핵심 논의:
|
||||
- 썸네일 이미지 최적화: 고해상도 이미지가 리사이징되면서 발생하는 깨짐 현상을 방지하기 위해 해상도를 조정(2048 → 1024)하고 용량을 경량화함.
|
||||
- AI 어시스턴트 캐릭터 개선: 현재 제품 이미지가 노출되어 대화의 초점이 흐려지는 문제를 해결하기 위해, 캐릭터(여성 모델)를 전면에 배치하여 '어시스턴트'로서의 정체성을 강화하는 방향으로 수정 제안.
|
||||
- 가격 표기 정책: 할인율 변동에 따른 혼선을 방지하기 위해 모든 가격은 '정가 기준'으로 명시하고, 실제 할인가 정보는 구매 페이지에서 확인하도록 안내 문구 추가.
|
||||
|
||||
2. 리스크 및 이슈
|
||||
* 성능 저하 위험: 모바일 환경에서의 고해상도 이미지 로딩 시 메모리 점유율 상승 우려.
|
||||
* UI 불일치: PC와 모바일 간의 카메라 앵글 차이로 인한 사용자 경험 이질감.
|
||||
|
||||
3. 결정 사항
|
||||
* 캐릭터 교체: AI 어시스턴트 역할을 수행할 여성 모델 캐릭터를 전면에 배치하기로 함.
|
||||
* 가격 표기 원칙: 모든 UI 내 가격은 '정가' 기준으로 노출하며, 할인가 정보는 별도 안내함.
|
||||
* 이미지 최적화: 썸네일 해상도를 1024px로 하향 조정하여 로딩 속도 개선.
|
||||
|
||||
4. 오픈 이슈
|
||||
* 웹뷰 '뒤로 가기' 시 초기화되는 현상에 대한 기술적 우회 방안(필요시).
|
||||
* 파노라마 이미지 슬라이싱 작업의 최종 완료 여부 확인.
|
||||
|
||||
5. 액션 아이템
|
||||
담당 작업 내용 기한
|
||||
개발팀 AI 어시스턴트 캐릭터 교체 및 제품 아이콘/하이라이트 효과 검토 2026-05-19
|
||||
디자인/기술팀 모바일 환경 최적화(이미지 해상도 및 리소스 용량 조정) 2026-05-19
|
||||
기획/운영팀 가격 표기 문구(정가 기준) 및 안내 멘트 UI 반영 확인 2026-05-19
|
||||
기획팀 시연용 홍보 영상 제작 (목요일 오후 4시 전 완료 목표) 2026-05-14
|
||||
전체 팀 최종 빌드 배포 전 모바일 기종별 자체 QA 실시 2026-05-19
|
||||
@@ -1,7 +0,0 @@
|
||||
<find>
|
||||
# [Test Plan] 사내 성능 및 서버 부하 테스트 계획서
|
||||
... (생략) ...
|
||||
</find>
|
||||
<replace>
|
||||
(이 파일은 이동되었으므로 삭제하거나 참조용으로만 남겨둡니다.)
|
||||
</replace>
|
||||
+1687
File diff suppressed because one or more lines are too long
+321
@@ -0,0 +1,321 @@
|
||||
제목: 상상을 현실로 만드는 AI 구글 OMNI 완벽 가이드 l EP.3 구글 I/O 실리콘밸리[AI왕기초]
|
||||
영상: https://www.youtube.com/watch?v=tsFVedfl3Mg
|
||||
비디오 ID: tsFVedfl3Mg
|
||||
언어 우선순위: ko, en
|
||||
세그먼트: 314개
|
||||
------------------------------------------------------------
|
||||
|
||||
구글이 옴니를 발표하면서 또다시 영상
|
||||
생성에서 패러다임을 바꿨습니다.
|
||||
이제는 텍스트나 이미지뿐만 아니라
|
||||
영상을 넣고서 또 다른 영상을 만들
|
||||
수가 있어요. 그러니까이 편집을 할
|
||||
수가 있게 된 거죠. 그것뿐만
|
||||
아니라이 세상에 있는 물리 법칙을
|
||||
이해하면서 훨씬 더 진짜 같이 영상을
|
||||
만들 수 있게 되었어요. 저는 지금
|
||||
미국 샌프란시스코 입구글 아이오에
|
||||
참여하고 있습니다. 그래서 전
|
||||
세계에서이 구글 옴니를 가장 빨리
|
||||
알려 주는 사람일 거예요. 오늘이
|
||||
영상에서 구글 옴니의 이론뿐만 아니라
|
||||
실습까지 아주 쉽고 자세하게 알려
|
||||
드릴게요.
|
||||
안녕하세요. 커넥트 AR 여러분의 A
|
||||
멘토제입니다. 자, 여러분, 제가이
|
||||
구글 아이어 온다면서 중요한 것들
|
||||
중에서 월드 모델에 대해서 알려
|
||||
드렸는데 지금 그 월드 모델이 새로운
|
||||
영상 생성에 적용이 돼서 옴니가
|
||||
나왔다는 걸 저도 이제 막 알았어요.
|
||||
아직까지는이 옴니가 제대로 발표가 안
|
||||
되는데 내일이 구글 아이오가
|
||||
시작하면서 바로 발표가 될 겁니다.
|
||||
그리고 제가 지금 밤에 저녁
|
||||
11시인데 이걸 빠르게 만들고
|
||||
편집까지 해서 어 예약을 걸어두고
|
||||
자려고요.이 이 구글 아이오에 있는
|
||||
동안은 잠을 자기는 틀린 거
|
||||
같습니다. 자, 그래도 여러분들이
|
||||
조금이라도 더 많이 알았으면 좋겠어서
|
||||
진짜 최선을 다해서 한번 만들어 볼
|
||||
건데이 옴니의 특징은 영상 생성뿐만
|
||||
아니라 뭔가 편집이라고 할 수가 있는
|
||||
거 같아요. 편집이란게 뭐 자르고
|
||||
붙이고 뭐 그런게 아니라이 영상
|
||||
안에서 누군가가 새로 들어오는 거죠.
|
||||
제가 걸어가는 영상을 촬영했다고
|
||||
할게요. 근데 옆에 여자 배우가
|
||||
필요한 거예요. 그럼 이걸 영상을
|
||||
다시 찍고 다시 편집하는게 아니라 그
|
||||
옆에다가 그냥 여자만 넣을 수 있지
|
||||
않을까? 여성 캐릭터만 넣을 수 있지
|
||||
않을까? 그러면 거기에서 발생되는
|
||||
비용이 엄청나게 줄어들잖아요. 하나만
|
||||
템플릿으로 찍어 놓고 여러 개를 복사
|
||||
붙여 넣기 해서 다른 방식으로 사용할
|
||||
수 있다. 이게 엄청나게 영상을 좀
|
||||
효율적으로 사용할 수 있는 방법이지
|
||||
않을까 생각을 합니다. 어오브에서
|
||||
프리미어에서 편집을 하는게 아니라
|
||||
뭔가 내가 상상한 것들을 그 영상
|
||||
안에다 넣는 그리고 재생성하는
|
||||
재편집하는 그러한 인공지능 모델이라고
|
||||
생각할 수 있을 것 같습니다. 거기서
|
||||
용어가이 네이티브 멀티모델리라고
|
||||
하는데이 멀티모델이라고 하면은 여러
|
||||
보고 듣고 말하고 어 그리고 사람이
|
||||
하는 것처럼 한 번에 하는 인공지는
|
||||
모델을 멀티모델이라고 합니다. 근데이
|
||||
멀티 모달이 여러 가지 종류가 있는데
|
||||
인공지능은 여러 개를 이렇게 연결하는
|
||||
방법도 있고 또는 인공지는 모델 하나
|
||||
자체가이 모든 것을 다 하는 그런
|
||||
방법도 있는데이 옴니는 네이티브
|
||||
멀티모델 태생적인 통합 모델이라고 해
|
||||
가지고 텍스트 비디오 오디오 이미지를
|
||||
전체 다 학습한 인공지능 모델이라고
|
||||
합니다. 그리고 우리가 동영상을
|
||||
생성을 할 때 어떤 식으로 생성을
|
||||
하냐면 이미지 프레임이라고 있어요.
|
||||
이렇게 주먹을 뻗는다라고 했었을 때
|
||||
이게 동영상이잖아요. 그러면이
|
||||
동영상은 이렇게 사진 사진
|
||||
이런 것들이 여러 개로 연결된
|
||||
이미지들을 하나로 뭉쳤을 때 동영상이
|
||||
되는 겁니다.이 중간중간 이미지가
|
||||
많으면 많을수록 훨씬 더 부드러운
|
||||
영상이 돼요. 근데이 기존의이
|
||||
AI는요 프레임마다 픽셀을 다시
|
||||
계산해서 생성을 했었는데이 옴리는
|
||||
맥락 자체 컨텍스트를 이해를 하고서
|
||||
생성을 하기 때문에이 전체적인 맥락이
|
||||
그렇게 무너지지 않는다라고 합니다.
|
||||
뭐 우리가 직접 해 봐야겠죠. 연구랑
|
||||
실제로 다르니깐요. 그리고 제가 아까
|
||||
말씀드렸던이 월드 모델에 대해서 조금
|
||||
더 말씀드리면 원래는 지금 우리가
|
||||
알고 있는 인공지능 모델들은 어
|
||||
학습을 할 때 확률적으로 생성을
|
||||
합니다. 나는 널이란 단어가 들어가게
|
||||
되면은 사랑해가 나올 확률이 높다.
|
||||
싫어해는 조금 더 그보다 적다.
|
||||
그러면 우리는 확률이 높은 사랑해를
|
||||
넣어야지라는 식으로 꽤 많이 나오는
|
||||
말들이 아 랄지 랭귀지 모델 언어
|
||||
모델은 한개가 너무나도 명확하다.
|
||||
어, 세상은 이미지로 구성되어 있다.
|
||||
인공지능 모델은 단어뿐만 아니라
|
||||
언어뿐만 아니라 세상을 이해를 하고
|
||||
그리고 그것을 이미지로 생성을 해야
|
||||
된다는 그런 연구들이 많이 나오고
|
||||
있고이 월드 모델이란 건
|
||||
2018년도에 데이빗 타가 연구한
|
||||
인공지는 연구인데요. 인공지는 모델은
|
||||
그냥 단순히 그림이나 이미지 생성을
|
||||
하는게 아니라 그 안에다 가상 세계를
|
||||
만들고 또 꿈을 끄고 그러한 것들로
|
||||
생성을 하면서 환경을 만들고 그
|
||||
안에서 물리 법칙이나 아니면 다른
|
||||
역학 법칙들이 적용하게 되는 걸
|
||||
생성을 한다는 겁니다. 제가 이걸
|
||||
어떻게 설명할까 좀 생각을 많이
|
||||
봤었는데 어 내가 생각을 하는게
|
||||
그림으로 표현을 하는 것보다 머리로
|
||||
무언가를 상상하면 훨씬 더 디테일하게
|
||||
상상을 할 수가 있잖아요. 그니까
|
||||
예를 들어 여러분 눈 감고서 한번
|
||||
이거 상상해 보세요. 바다인데
|
||||
살랑살랑 바람이 불고 그리고 파도
|
||||
소리가 납니다. 근데 그 파도가
|
||||
파란색이 아니라 분홍색이에요. 아주
|
||||
예쁜 핑크색입니다.
|
||||
구름색은 흰색이 아니고 아주 예쁜
|
||||
반짝이는 노란색이에요. 아주 향기로운
|
||||
아카시아 냄새가 납니다. 여러분 다
|
||||
상상되지 않나요? 향과 소리와 그리고
|
||||
그 느낌 그 모든 것을 한번의
|
||||
머릿속에서 생성을 했단 말이에요.
|
||||
그러니까 그냥 단순히 그림을 그린
|
||||
것보다 뭔가 상상하고 꿈을 꾸는게
|
||||
훨씬 더 고차원적인 그런 생성이
|
||||
아닐까라는 생각을 해 봤어요. 그
|
||||
아이디어가 월드 모델이란 걸로이
|
||||
세상에서 불리고 있는게 아닐까라는
|
||||
그런 재밌는 생각을 해봤습니다.
|
||||
결국은이 구글 옴니뿐만 아니라 점점
|
||||
점점 우리가 나아가야 할 방향이 월드
|
||||
모델로서 나아갈 거다라는 아주 강한
|
||||
확신을 가지고 있습니다. 그럼 우리가
|
||||
이걸로 뭘 할 수 있는지를 한번 몇
|
||||
가지 테스트를 해 보도록 하겠습니다.
|
||||
어떤 사진을 넣고 그거를 사이버 펑크
|
||||
스타일로 바꾼 다음에 애니메이션
|
||||
캐릭터로 바꿔 볼 겁니다. 그리고요
|
||||
카메라를 위에서 내려다 보는 벌드
|
||||
아이 뷰로 변경을 하고 점 주민해
|
||||
주는 아주 멋있는 애니메이션을 만들어
|
||||
볼 수 있을까 그런 생각이 들었어요.
|
||||
한번 해 볼까요? 재미나에 들어가셔서
|
||||
플러스 버튼 누른 다음에 이렇게
|
||||
동영상 만들기를 보면은 옴니 모델로
|
||||
만듭니다라는 화면이 있습니다.
|
||||
여기다가이 밑에 보면은 사진을 넣는
|
||||
부분이 있거든요. 그리고 가로 새로운
|
||||
모드를 선택할 수 있는 부분이
|
||||
있습니다. 여기다가 어 제 사진을
|
||||
하나 넣어 볼게요. 제가 뭐
|
||||
촬영하면서 찍은 캡처한 사진을 하나
|
||||
넣어 보겠습니다.이 이미지의 메인
|
||||
피사체를 사이버 펑크 스타일
|
||||
애니메이션 캐릭터로 변경해서 영상
|
||||
생성해 줘. 카메라 앵글을 위에서
|
||||
아래로 내려다보는 조감도 변경하고
|
||||
캐릭터의 표정을 서서히 주문인해 줘.
|
||||
제출 눌러 보겠습니다. 영상이
|
||||
나왔습니다. 궁금하네요.
|
||||
>> 연결된 세상 속에서
|
||||
>> 진실은 언제나 가려져 있죠.
|
||||
>> 오.
|
||||
>> 하지만 이제 곧 모든 것이 드러날
|
||||
것입니다.
|
||||
>> 대박이다. 우와. 하지만 이제 곧
|
||||
모든 것이 드러날 것입니다.
|
||||
>> 목소리도이 캐릭터에 되게 맞고
|
||||
한국말도 잘하고 와 장난 아닌데 지금
|
||||
제가 좀 놀랐었던게 지금 소리까지
|
||||
굉장히 자연스럽구나라는 걸 제가 알게
|
||||
됐거든요.요 엄니의 특징은 물리적인
|
||||
상호 작용하고 오디오가 동기화 된다는
|
||||
거예요.이 재즈라는 음악이 굉장히
|
||||
어려운데 이것도 잘 할 수 있을까?
|
||||
드러머가 소리로 땅땅땅 치면은이 무대
|
||||
조명도 막 바뀌고 반응하고 아까 전에
|
||||
그 네이티브 멀티모델이 한 번에 작용
|
||||
하게 될지 그게 궁금한 거예요.
|
||||
이번에는 이미지 없이 그냥 텍스트만
|
||||
한번 넣어 보겠습니다. 드러머가
|
||||
연주하는 제즈 클럽 영상을 만들어
|
||||
단, 드러머의 리듬에 맞춰 조명이
|
||||
정확히 반응해야 해. 샌드 자 영상
|
||||
나왔는데 한번 보이시죠. 어
|
||||
처음부터이
|
||||
뒤에 어떻게해? 와, 처음부터 장난
|
||||
아닌 거 같은데. 보자.
|
||||
[음악]
|
||||
와.
|
||||
우와.
|
||||
여러분, 여기 봤어요? 조명 지금
|
||||
소름 끼쳤어.
|
||||
어우. [음악]
|
||||
와. 여기띵
|
||||
여기 부분.
|
||||
장난 아니다. 와, 10초짜리 영상
|
||||
이렇게 된다고. 두 가지를 더 실험해
|
||||
볼 건데 영상을 만들 때 한글이 잘
|
||||
안 됐었잖아요. 그러니까이 한글
|
||||
생성을 잘하기 위해서 나노바나 프로로
|
||||
이미지를 만들고 그리고 그 이미지를
|
||||
첫 번째 프레임으로 넣어서 영상을
|
||||
생성을 하는 것. 그런 식으로
|
||||
했었는데 제가 궁금한게이 영어 말고
|
||||
한글 영상 생성을 바로 잘할 수
|
||||
있을까? 이게 저는 되게
|
||||
궁금하거든요. 화면에 구글, 아이,
|
||||
오 이거 되게 어렵게 한글이랑 영어랑
|
||||
그리고 이런 기호랑 같이 넣어
|
||||
봤어요. 제일 어려운 걸로라는 글자가
|
||||
들어간 열 가지의 버전에 짧은 영상을
|
||||
생성. 각각 배경과 폰트 스타일이
|
||||
달라야 해. 대사 없이 아주 빠르게
|
||||
전환. 이런 식으로 정말 어렵게 한번
|
||||
만들어 봤습니다. 나왔는데? 어. 벌
|
||||
궁금해요. 해보자.
|
||||
우와.
|
||||
여러분. 어, 대박이다. 진짜 장난
|
||||
아닌게 뭐냐면 여러분 일단 첫 번째
|
||||
텍스트 완벽하게 했죠? 그리고 열 개
|
||||
폰트 막 바꿨죠. 지금 이렇게 그
|
||||
음악 배경 소리가 있고 그리고 그
|
||||
배경 소리는이 영상 콘텐츠와 굉장히
|
||||
잘 있고 그렇게 배경이 있는 상태에서
|
||||
영상이 하나 바뀔 때마다 그 또 다른
|
||||
레이어로이 영상에 알맞은 음악들이
|
||||
나와요. 그러니까 여러 개의 음악들과
|
||||
소리트까지 여러 개의 레이어로 하나의
|
||||
영상이 생성이 되는 거예요.
|
||||
[콧방귀]
|
||||
바로 영상을 한번 촬영해 보겠습니다.
|
||||
그리고 거기에다가이 옴니를 사용해서
|
||||
편집을 한번 해 볼게요.
|
||||
누구를 기다리고 있는데 안 오는
|
||||
거예요. 누군가가 이렇게 달려와서
|
||||
미안해 하면서 달려오면은 되게 재밌지
|
||||
않을까라는 생각이 들어 가지고 고게
|
||||
가능한지 한번 보겠습니다. 식초
|
||||
이렇게 구간을 해서 자르라고
|
||||
합니다.을 누른 다음에이 영상 왼쪽
|
||||
화면 밖에서 헐레벌떡 늦어서
|
||||
미안하다는 표정으로 귀엽게 뛰어오는
|
||||
여자를 추가해 줘. 그리고 원래 있던
|
||||
남자가 그 여자를 보고서 자연스럽게
|
||||
웃으며 반응하는 상호 작용까지
|
||||
만들어. 그리고 추가로 제가 하나 더
|
||||
테스트를 해 볼게요. 이런 기존에
|
||||
있는 실제와 같은 영상과이 헐레벌터
|
||||
기원 표정으로 띄워는 만화 캐릭터
|
||||
강아지를 어 한번에 같이 섞었을 때
|
||||
어떻게 하면은 좋을까 그게 궁금해서
|
||||
한번 해 보도록 하겠습니다. 썸 여러
|
||||
가지를 연구를 해 봐야죠. 맨 처음
|
||||
이거 나왔습니다. 여자가 여기서
|
||||
달려올 수 있을지 한번 볼게요. 자
|
||||
기다리고 있어요. 남자 배우가
|
||||
어
|
||||
뭐야?
|
||||
>> [웃음]
|
||||
>> 깜짝이야. 와, 대박인데. 이거
|
||||
뭐지? 내가 이걸 찍었나라는 생각 들
|
||||
정도로 진짜 이거 영화를 만들어도 될
|
||||
거 같아요. 이걸로 뭔가 컨텐츠를
|
||||
만들어도 될 거 같고 영화를 만들어도
|
||||
될 거 같고 할게 너무 무구진 많은
|
||||
무궁무진한데 진짜 시작해 볼까?
|
||||
어떡해? 장난 아니다 진짜. 와,
|
||||
이거 두 번째 됐습니다. 이게
|
||||
궁금하네요.
|
||||
[웃음]
|
||||
이건 제가 프롬포트를 잘 못 쓴 거
|
||||
같아요. 근데 진짜 잘하긴 하네.
|
||||
스누피처럼 이렇게 만들어도 될 거
|
||||
같고. 여러분, 어때요? 구글이
|
||||
옴니라는 걸 만들었고이 옴니는 세상의
|
||||
물리법칙을 이해하고 그것을 기반으로
|
||||
영상 생성을 합니다. 월드 모델의
|
||||
컨셉을 하나하나씩 이렇게 구현해
|
||||
나가는 과정인 거 같아요. 무언가
|
||||
사람이 상상하고 꿈꾸는 것을 그 바로
|
||||
생성할 수 있는 그런 모델이
|
||||
아닌가라는 생각을 합니다. 해 볼 수
|
||||
있는 거 정말 많을 것 같고
|
||||
여러분들이 이거 영상 콘텐츠로 활용을
|
||||
하시면서 제가 항상 말하는 그 상상을
|
||||
현실로 만드는 과정을 한번 해 보시면
|
||||
좋을 것 같습니다. 퀄리티가 훨씬
|
||||
높아졌으니까 유튜브 채널 운영해야
|
||||
되고 뭐 인스타그램이나 아니면 다른
|
||||
플랫폼들 운영해도 괜찮고 여러 가지
|
||||
여러분들이 상상하는 걸 한번 시도해
|
||||
보시길 바랍니다. 아직 구글 아이오
|
||||
시작도 안 했습니다. 내일 모래
|
||||
앞으로 정말 많은 재밌는 일도 있을
|
||||
건데 저 AI 멘토제와 함께 구글
|
||||
AI 여행 같이 한번 해 보시면서
|
||||
우리가이 시대에 생존하는 방법을 같이
|
||||
한번 연구하고 찾아보겠습니다.
|
||||
어려운게 있으면이 댓글 달아 주시고
|
||||
그리고 힘들더라도 제가 여러분들 옆에
|
||||
있으니까 용기 잃지 마시고 희망을
|
||||
갖고 우리 한번 재밌게 멋있게 한번이
|
||||
AI 시대 살아봅시다. 자 힘냅시다.
|
||||
파이팅입니다.
|
||||
@@ -0,0 +1,822 @@
|
||||
{
|
||||
"id": "340AOcoNbkI",
|
||||
"title": "이혼한 형부집에 와서 처제가 옷고름을 푼 이유 [위험한 처제]",
|
||||
"url": "https://www.youtube.com/watch?v=340AOcoNbkI",
|
||||
"languages_priority": [
|
||||
"ko",
|
||||
"en"
|
||||
],
|
||||
"metadata": {
|
||||
"id": "340AOcoNbkI",
|
||||
"title": "이혼한 형부집에 와서 처제가 옷고름을 푼 이유 [위험한 처제]",
|
||||
"description": "#스케치코미디 #디비디방 #처제 #설날 #떡국\n==========================================================\n협업문의 : paceq@naver.com\n==========================================================\n디비디방 멤버십에 초대합니다\nhttps://www.youtube.com/channel/UCS5BOISYzyZJdRftDwubXug/join\n==========================================================",
|
||||
"duration": 409,
|
||||
"duration_string": "6:49",
|
||||
"thumbnail": "https://i.ytimg.com/vi/340AOcoNbkI/maxresdefault.jpg",
|
||||
"thumbnails": [
|
||||
"https://i.ytimg.com/vi/340AOcoNbkI/3.jpg",
|
||||
"https://i.ytimg.com/vi_webp/340AOcoNbkI/3.webp",
|
||||
"https://i.ytimg.com/vi/340AOcoNbkI/2.jpg",
|
||||
"https://i.ytimg.com/vi_webp/340AOcoNbkI/2.webp",
|
||||
"https://i.ytimg.com/vi/340AOcoNbkI/1.jpg",
|
||||
"https://i.ytimg.com/vi_webp/340AOcoNbkI/1.webp"
|
||||
],
|
||||
"channel": "DVD room",
|
||||
"channel_url": "https://www.youtube.com/channel/UCS5BOISYzyZJdRftDwubXug",
|
||||
"channel_id": "UCS5BOISYzyZJdRftDwubXug",
|
||||
"view_count": 538558,
|
||||
"like_count": 6838,
|
||||
"comment_count": 290,
|
||||
"upload_date": "20260218",
|
||||
"tags": [
|
||||
"스케치코미디",
|
||||
"웹드라마",
|
||||
"디비디",
|
||||
"디비디방",
|
||||
"DVD",
|
||||
"섹시",
|
||||
"섹시코미디",
|
||||
"내가박스",
|
||||
"로맨스",
|
||||
"연애",
|
||||
"로맨스코미디",
|
||||
"꽁트",
|
||||
"상황극",
|
||||
"드라마",
|
||||
"K-DRAMA",
|
||||
"DRAMA",
|
||||
"kdrama",
|
||||
"k-drama",
|
||||
"멜로",
|
||||
"로맨스스케치",
|
||||
"멜로드라마",
|
||||
"플러팅",
|
||||
"로코",
|
||||
"코믹숏무비",
|
||||
"코믹",
|
||||
"숏무비",
|
||||
"콩트",
|
||||
"좋아해요",
|
||||
"썸사친",
|
||||
"공감"
|
||||
],
|
||||
"categories": [
|
||||
"Comedy"
|
||||
],
|
||||
"chapters": [],
|
||||
"webpage_url": "https://www.youtube.com/watch?v=340AOcoNbkI"
|
||||
},
|
||||
"segments": [
|
||||
{
|
||||
"start": 0.199,
|
||||
"duration": 4.281,
|
||||
"text": "어, 엄마. 아, 이번에 가려을"
|
||||
},
|
||||
{
|
||||
"start": 2.52,
|
||||
"duration": 5.08,
|
||||
"text": "했는데 회사에 일이 좀 급하게 생겨"
|
||||
},
|
||||
{
|
||||
"start": 4.48,
|
||||
"duration": 6.64,
|
||||
"text": "가지고. 어. 아, 미안해. 대신"
|
||||
},
|
||||
{
|
||||
"start": 7.6,
|
||||
"duration": 6.84,
|
||||
"text": "내가 추석대 꼭 내려갈게. 어. 어,"
|
||||
},
|
||||
{
|
||||
"start": 11.12,
|
||||
"duration": 6.32,
|
||||
"text": "알겠어. 엄마 밥 잘 챙겨 먹고."
|
||||
},
|
||||
{
|
||||
"start": 14.44,
|
||||
"duration": 3.0,
|
||||
"text": "어."
|
||||
},
|
||||
{
|
||||
"start": 18.6,
|
||||
"duration": 0.4,
|
||||
"text": "가면"
|
||||
},
|
||||
{
|
||||
"start": 18.995,
|
||||
"duration": 1.725,
|
||||
"text": ">> [음악]"
|
||||
},
|
||||
{
|
||||
"start": 19.0,
|
||||
"duration": 3.039,
|
||||
"text": ">> 뭐 하냐?"
|
||||
},
|
||||
{
|
||||
"start": 20.72,
|
||||
"duration": 2.86,
|
||||
"text": "어리. 엄마 내 얼굴 보면 속이나"
|
||||
},
|
||||
{
|
||||
"start": 22.039,
|
||||
"duration": 3.561,
|
||||
"text": "상하지."
|
||||
},
|
||||
{
|
||||
"start": 23.58,
|
||||
"duration": 2.02,
|
||||
"text": "[콧방귀]"
|
||||
},
|
||||
{
|
||||
"start": 26.0,
|
||||
"duration": 3.48,
|
||||
"text": "차제 또 왜왔때?"
|
||||
},
|
||||
{
|
||||
"start": 36.44,
|
||||
"duration": 2.56,
|
||||
"text": "아니 웬 한복을 입고 왔어?"
|
||||
},
|
||||
{
|
||||
"start": 38.04,
|
||||
"duration": 2.039,
|
||||
"text": ">> 설날이잖아요."
|
||||
},
|
||||
{
|
||||
"start": 39.0,
|
||||
"duration": 3.2,
|
||||
"text": ">> 설날 [음악] 지났는데?"
|
||||
},
|
||||
{
|
||||
"start": 40.079,
|
||||
"duration": 3.281,
|
||||
"text": ">> 됐고 새복 많이 받으세요."
|
||||
},
|
||||
{
|
||||
"start": 42.2,
|
||||
"duration": 3.72,
|
||||
"text": ">> 어?"
|
||||
},
|
||||
{
|
||||
"start": 43.36,
|
||||
"duration": 5.82,
|
||||
"text": ">> 아이 무슨 새 세 배를 해?"
|
||||
},
|
||||
{
|
||||
"start": 45.92,
|
||||
"duration": 3.26,
|
||||
"text": ">> 아 [콧방귀]"
|
||||
},
|
||||
{
|
||||
"start": 49.68,
|
||||
"duration": 2.12,
|
||||
"text": ">> 뭐"
|
||||
},
|
||||
{
|
||||
"start": 50.16,
|
||||
"duration": 4.039,
|
||||
"text": ">> 세 배했으니까 새뱃돈 좀 주세요."
|
||||
},
|
||||
{
|
||||
"start": 51.8,
|
||||
"duration": 6.8,
|
||||
"text": ">> 새배"
|
||||
},
|
||||
{
|
||||
"start": 54.199,
|
||||
"duration": 4.401,
|
||||
"text": "저째 새해복 많이 받아."
|
||||
},
|
||||
{
|
||||
"start": 59.519,
|
||||
"duration": 5.0,
|
||||
"text": "낮에 있으니까 세뱃 퉁"
|
||||
},
|
||||
{
|
||||
"start": 61.68,
|
||||
"duration": 6.559,
|
||||
"text": ">> 새복 많이 받으세요."
|
||||
},
|
||||
{
|
||||
"start": 64.519,
|
||||
"duration": 3.72,
|
||||
"text": ">> 아 저를 두 번을해."
|
||||
},
|
||||
{
|
||||
"start": 68.32,
|
||||
"duration": 4.28,
|
||||
"text": "저지 새용 많이 받아."
|
||||
},
|
||||
{
|
||||
"start": 73.08,
|
||||
"duration": 7.84,
|
||||
"text": "퉁. 아유 진짜."
|
||||
},
|
||||
{
|
||||
"start": 77.32,
|
||||
"duration": 5.799,
|
||||
"text": "아 그만해 좀 잠깐."
|
||||
},
|
||||
{
|
||||
"start": 80.92,
|
||||
"duration": 5.28,
|
||||
"text": "아 죽게 죽게 죽게 이러다 뭐"
|
||||
},
|
||||
{
|
||||
"start": 83.119,
|
||||
"duration": 4.761,
|
||||
"text": "10배하야겠네 진짜. 아 근데 뭐 한"
|
||||
},
|
||||
{
|
||||
"start": 86.2,
|
||||
"duration": 4.12,
|
||||
"text": "복까지 입고 왔어? 안 불편해?"
|
||||
},
|
||||
{
|
||||
"start": 87.88,
|
||||
"duration": 5.44,
|
||||
"text": ">> 불편해요."
|
||||
},
|
||||
{
|
||||
"start": 90.32,
|
||||
"duration": 3.0,
|
||||
"text": ">> 뭐해?"
|
||||
},
|
||||
{
|
||||
"start": 94.321,
|
||||
"duration": 2.02,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 103.491,
|
||||
"duration": 2.02,
|
||||
"text": ">> [음악]"
|
||||
},
|
||||
{
|
||||
"start": 115.281,
|
||||
"duration": 2.02,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 120.64,
|
||||
"duration": 3.2,
|
||||
"text": ">> 아유 뭐 뭐해?"
|
||||
},
|
||||
{
|
||||
"start": 121.92,
|
||||
"duration": 3.6,
|
||||
"text": ">> 안에 어디 입었는데요?"
|
||||
},
|
||||
{
|
||||
"start": 123.84,
|
||||
"duration": 3.12,
|
||||
"text": ">> 아우 깜짝아."
|
||||
},
|
||||
{
|
||||
"start": 125.52,
|
||||
"duration": 3.959,
|
||||
"text": ">> 형부 떡국 먹었어요?"
|
||||
},
|
||||
{
|
||||
"start": 126.96,
|
||||
"duration": 4.041,
|
||||
"text": ">> 떡국? 아이 혼자 있는데 떡국은 무슨"
|
||||
},
|
||||
{
|
||||
"start": 129.479,
|
||||
"duration": 1.801,
|
||||
"text": ">> 제가 [콧방귀] 떡국 끓여 줄게요."
|
||||
},
|
||||
{
|
||||
"start": 131.001,
|
||||
"duration": 3.279,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 131.28,
|
||||
"duration": 3.0,
|
||||
"text": ">> 저제가"
|
||||
},
|
||||
{
|
||||
"start": 137.12,
|
||||
"duration": 1.479,
|
||||
"text": ">> 이게 뭐야?"
|
||||
},
|
||||
{
|
||||
"start": 137.92,
|
||||
"duration": 1.72,
|
||||
"text": ">> 떡국이요?"
|
||||
},
|
||||
{
|
||||
"start": 138.599,
|
||||
"duration": 1.72,
|
||||
"text": ">> 이게 떡국이라고?"
|
||||
},
|
||||
{
|
||||
"start": 139.64,
|
||||
"duration": 1.239,
|
||||
"text": ">> 떡국?"
|
||||
},
|
||||
{
|
||||
"start": 140.319,
|
||||
"duration": 1.2,
|
||||
"text": ">> 떡국?"
|
||||
},
|
||||
{
|
||||
"start": 140.879,
|
||||
"duration": 2.961,
|
||||
"text": ">> 떡국"
|
||||
},
|
||||
{
|
||||
"start": 141.519,
|
||||
"duration": 4.547,
|
||||
"text": ">> 내가 한 떡국이랑 좀 다르네. 됐고."
|
||||
},
|
||||
{
|
||||
"start": 143.84,
|
||||
"duration": 3.28,
|
||||
"text": "먹어 봐요."
|
||||
},
|
||||
{
|
||||
"start": 146.066,
|
||||
"duration": 4.054,
|
||||
"text": "[목을 가다듬음][콧방귀]"
|
||||
},
|
||||
{
|
||||
"start": 147.12,
|
||||
"duration": 5.68,
|
||||
"text": ">> 야, 원래 떡국 먹으면 한 살 더"
|
||||
},
|
||||
{
|
||||
"start": 150.12,
|
||||
"duration": 4.461,
|
||||
"text": "먹는다 그랬는데 이건 한 100"
|
||||
},
|
||||
{
|
||||
"start": 152.8,
|
||||
"duration": 3.801,
|
||||
"text": "먹겠다."
|
||||
},
|
||||
{
|
||||
"start": 154.581,
|
||||
"duration": 2.02,
|
||||
"text": "[목을 가다듬음]"
|
||||
},
|
||||
{
|
||||
"start": 160.84,
|
||||
"duration": 4.759,
|
||||
"text": ">> 어때요?"
|
||||
},
|
||||
{
|
||||
"start": 161.519,
|
||||
"duration": 6.08,
|
||||
"text": ">> 어, 뭐 맛 맛있어? 아, 근데"
|
||||
},
|
||||
{
|
||||
"start": 165.599,
|
||||
"duration": 3.241,
|
||||
"text": "처진애가 큰 집이라 요번 명절 때"
|
||||
},
|
||||
{
|
||||
"start": 167.599,
|
||||
"duration": 1.681,
|
||||
"text": "친척들 많이 왔겠네."
|
||||
},
|
||||
{
|
||||
"start": 168.84,
|
||||
"duration": 2.84,
|
||||
"text": ">> 네."
|
||||
},
|
||||
{
|
||||
"start": 169.28,
|
||||
"duration": 4.16,
|
||||
"text": ">> 음. 정신 없었겠다. 언니는 또 와서"
|
||||
},
|
||||
{
|
||||
"start": 171.68,
|
||||
"duration": 3.04,
|
||||
"text": "잠만 자다갔지. 맨날 친정가면"
|
||||
},
|
||||
{
|
||||
"start": 173.44,
|
||||
"duration": 2.04,
|
||||
"text": "아무것도 안 하고 잠만 늘어지게"
|
||||
},
|
||||
{
|
||||
"start": 174.72,
|
||||
"duration": 2.239,
|
||||
"text": "자잖아."
|
||||
},
|
||||
{
|
||||
"start": 175.48,
|
||||
"duration": 2.759,
|
||||
"text": ">> 언니 안 왔는데요."
|
||||
},
|
||||
{
|
||||
"start": 176.959,
|
||||
"duration": 3.161,
|
||||
"text": ">> 응? 왜 안 왔대?"
|
||||
},
|
||||
{
|
||||
"start": 178.239,
|
||||
"duration": 5.481,
|
||||
"text": ">> 형부가 그게 왜 궁금해요?"
|
||||
},
|
||||
{
|
||||
"start": 180.12,
|
||||
"duration": 4.44,
|
||||
"text": ">> 아, 아니 명절인데 안 왔다고"
|
||||
},
|
||||
{
|
||||
"start": 183.72,
|
||||
"duration": 1.72,
|
||||
"text": "하니까."
|
||||
},
|
||||
{
|
||||
"start": 185.44,
|
||||
"duration": 3.6,
|
||||
"text": ">> 그 명절의 형부한테 병신은 좀 그렇지"
|
||||
},
|
||||
{
|
||||
"start": 188.56,
|
||||
"duration": 2.72,
|
||||
"text": "않아?"
|
||||
},
|
||||
{
|
||||
"start": 189.04,
|
||||
"duration": 2.96,
|
||||
"text": ">> 병뚜껑 신발로 따는 아저씨를 말한"
|
||||
},
|
||||
{
|
||||
"start": 191.28,
|
||||
"duration": 3.912,
|
||||
"text": "건데요."
|
||||
},
|
||||
{
|
||||
"start": 192.0,
|
||||
"duration": 3.959,
|
||||
"text": ">> 아, 병뚜껑 신발로 따는 아저씨."
|
||||
},
|
||||
{
|
||||
"start": 195.192,
|
||||
"duration": 4.088,
|
||||
"text": "[웃음]"
|
||||
},
|
||||
{
|
||||
"start": 195.959,
|
||||
"duration": 6.041,
|
||||
"text": "근데 병뚜껑 신발로 어떻게 따?"
|
||||
},
|
||||
{
|
||||
"start": 199.28,
|
||||
"duration": 6.2,
|
||||
"text": "아, 그냥 궁금해서"
|
||||
},
|
||||
{
|
||||
"start": 202.0,
|
||||
"duration": 3.48,
|
||||
"text": "궁금해하지 말까?"
|
||||
},
|
||||
{
|
||||
"start": 207.159,
|
||||
"duration": 3.0,
|
||||
"text": "맛있다."
|
||||
},
|
||||
{
|
||||
"start": 209.602,
|
||||
"duration": 4.078,
|
||||
"text": "[콧방귀]"
|
||||
},
|
||||
{
|
||||
"start": 210.159,
|
||||
"duration": 5.36,
|
||||
"text": "명절인데 뭐 재밌는 거 안 하나?"
|
||||
},
|
||||
{
|
||||
"start": 213.68,
|
||||
"duration": 4.16,
|
||||
"text": "어? 아, 이거 되게 오랜만이다."
|
||||
},
|
||||
{
|
||||
"start": 215.519,
|
||||
"duration": 3.8,
|
||||
"text": "옛날에 명절 때마다 해줬었는데"
|
||||
},
|
||||
{
|
||||
"start": 217.84,
|
||||
"duration": 2.679,
|
||||
"text": ">> 무슨 영원인데요?"
|
||||
},
|
||||
{
|
||||
"start": 219.319,
|
||||
"duration": 2.681,
|
||||
"text": ">> 첫째 나올로 집에 몰라."
|
||||
},
|
||||
{
|
||||
"start": 220.519,
|
||||
"duration": 3.08,
|
||||
"text": ">> 주인공 이름이 나올로예요."
|
||||
},
|
||||
{
|
||||
"start": 222.0,
|
||||
"duration": 3.56,
|
||||
"text": ">> 나올로 집에 주인공이 나올로면"
|
||||
},
|
||||
{
|
||||
"start": 223.599,
|
||||
"duration": 3.481,
|
||||
"text": "범죄도시 주인공은 범죄야? 범죄도시"
|
||||
},
|
||||
{
|
||||
"start": 225.56,
|
||||
"duration": 3.48,
|
||||
"text": "주인공은 마동석이잖아요."
|
||||
},
|
||||
{
|
||||
"start": 227.08,
|
||||
"duration": 3.32,
|
||||
"text": ">> 그러니까 나올로 집의 주인공도"
|
||||
},
|
||||
{
|
||||
"start": 229.04,
|
||||
"duration": 2.32,
|
||||
"text": "나올로가 아니라 캐빈이야."
|
||||
},
|
||||
{
|
||||
"start": 230.4,
|
||||
"duration": 2.52,
|
||||
"text": ">> 성이 캐시예요."
|
||||
},
|
||||
{
|
||||
"start": 231.36,
|
||||
"duration": 3.2,
|
||||
"text": ">> 그럼 마동석은 맛이야?"
|
||||
},
|
||||
{
|
||||
"start": 232.92,
|
||||
"duration": 4.039,
|
||||
"text": ">> 네. 어?"
|
||||
},
|
||||
{
|
||||
"start": 234.56,
|
||||
"duration": 6.039,
|
||||
"text": ">> 어. 마동석 맛이네. 선생 이거 안"
|
||||
},
|
||||
{
|
||||
"start": 236.959,
|
||||
"duration": 3.64,
|
||||
"text": "봤으면 봐. 되게 재밌어."
|
||||
},
|
||||
{
|
||||
"start": 255.959,
|
||||
"duration": 5.443,
|
||||
"text": "아 깜빡 장 아 [콧방귀]"
|
||||
},
|
||||
{
|
||||
"start": 261.519,
|
||||
"duration": 4.468,
|
||||
"text": "초제 갔나? 아"
|
||||
},
|
||||
{
|
||||
"start": 263.967,
|
||||
"duration": 2.02,
|
||||
"text": "[콧방귀]"
|
||||
},
|
||||
{
|
||||
"start": 284.273,
|
||||
"duration": 2.02,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 288.68,
|
||||
"duration": 3.0,
|
||||
"text": "H"
|
||||
},
|
||||
{
|
||||
"start": 296.063,
|
||||
"duration": 2.02,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 307.96,
|
||||
"duration": 5.44,
|
||||
"text": "아 깜빡 잠 들었다. 지금 맞겠네."
|
||||
},
|
||||
{
|
||||
"start": 310.759,
|
||||
"duration": 4.241,
|
||||
"text": "아유 저처 영화 영화 재밌지?"
|
||||
},
|
||||
{
|
||||
"start": 313.4,
|
||||
"duration": 4.04,
|
||||
"text": ">> 저도 잠들어서 못 봤는데요."
|
||||
},
|
||||
{
|
||||
"start": 315.0,
|
||||
"duration": 3.36,
|
||||
"text": ">> 아 처에 잠 들었었어? 아 몰랐네."
|
||||
},
|
||||
{
|
||||
"start": 317.44,
|
||||
"duration": 2.16,
|
||||
"text": "아,"
|
||||
},
|
||||
{
|
||||
"start": 318.36,
|
||||
"duration": 3.92,
|
||||
"text": ">> 형보 안 출출해요?"
|
||||
},
|
||||
{
|
||||
"start": 319.6,
|
||||
"duration": 3.24,
|
||||
"text": ">> 어. 어, 뭐 조금 출출한 거 같기도"
|
||||
},
|
||||
{
|
||||
"start": 322.28,
|
||||
"duration": 1.52,
|
||||
"text": "하고."
|
||||
},
|
||||
{
|
||||
"start": 322.84,
|
||||
"duration": 4.639,
|
||||
"text": ">> 떡볶이 먹을래요?"
|
||||
},
|
||||
{
|
||||
"start": 323.8,
|
||||
"duration": 3.679,
|
||||
"text": ">> 어, 떡볶이 좋지."
|
||||
},
|
||||
{
|
||||
"start": 328.158,
|
||||
"duration": 2.02,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 330.24,
|
||||
"duration": 1.519,
|
||||
"text": ">> 이게 떡볶이야."
|
||||
},
|
||||
{
|
||||
"start": 331.199,
|
||||
"duration": 2.199,
|
||||
"text": ">> 네."
|
||||
},
|
||||
{
|
||||
"start": 331.759,
|
||||
"duration": 1.801,
|
||||
"text": ">> 아, 처제는 왜 떡을 안 잘라?"
|
||||
},
|
||||
{
|
||||
"start": 333.398,
|
||||
"duration": 1.641,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 333.56,
|
||||
"duration": 2.919,
|
||||
"text": ">> 그렇게 먹는게 더 맛있잖아요."
|
||||
},
|
||||
{
|
||||
"start": 335.039,
|
||||
"duration": 1.921,
|
||||
"text": ">> 처제는 원래 떡볶이 이렇게 먹어."
|
||||
},
|
||||
{
|
||||
"start": 336.479,
|
||||
"duration": 0.921,
|
||||
"text": ">> 아니요."
|
||||
},
|
||||
{
|
||||
"start": 336.96,
|
||||
"duration": 0.959,
|
||||
"text": ">> 어."
|
||||
},
|
||||
{
|
||||
"start": 337.4,
|
||||
"duration": 0.76,
|
||||
"text": ">> 네."
|
||||
},
|
||||
{
|
||||
"start": 337.919,
|
||||
"duration": 1.441,
|
||||
"text": ">> 뭐"
|
||||
},
|
||||
{
|
||||
"start": 338.16,
|
||||
"duration": 4.599,
|
||||
"text": ">> 먹아요?"
|
||||
},
|
||||
{
|
||||
"start": 339.36,
|
||||
"duration": 4.64,
|
||||
"text": ">> 아니야. 근데 떡이 하난데 처제는"
|
||||
},
|
||||
{
|
||||
"start": 342.759,
|
||||
"duration": 1.641,
|
||||
"text": ">> 전 안 출출한대요."
|
||||
},
|
||||
{
|
||||
"start": 344.0,
|
||||
"duration": 1.4,
|
||||
"text": ">> 어."
|
||||
},
|
||||
{
|
||||
"start": 344.4,
|
||||
"duration": 4.76,
|
||||
"text": ">> 네. 뭐"
|
||||
},
|
||||
{
|
||||
"start": 345.4,
|
||||
"duration": 6.519,
|
||||
"text": ">> 됐고 얼른 먹어요."
|
||||
},
|
||||
{
|
||||
"start": 349.16,
|
||||
"duration": 4.544,
|
||||
"text": "잘 먹을게."
|
||||
},
|
||||
{
|
||||
"start": 351.919,
|
||||
"duration": 2.28,
|
||||
"text": "아"
|
||||
},
|
||||
{
|
||||
"start": 353.704,
|
||||
"duration": 2.416,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 354.199,
|
||||
"duration": 6.601,
|
||||
"text": ">> 이게 뭐 어떻게 어떻게 먹어야 돼"
|
||||
},
|
||||
{
|
||||
"start": 356.12,
|
||||
"duration": 4.68,
|
||||
"text": "이거? 원샷 원샷"
|
||||
},
|
||||
{
|
||||
"start": 372.36,
|
||||
"duration": 8.2,
|
||||
"text": "말라고 했잖아."
|
||||
},
|
||||
{
|
||||
"start": 376.36,
|
||||
"duration": 7.239,
|
||||
"text": "근데 너도 웃었잖아."
|
||||
},
|
||||
{
|
||||
"start": 380.56,
|
||||
"duration": 5.56,
|
||||
"text": "눈빛에 춤을 쳐 [음악] 춤을 줘."
|
||||
},
|
||||
{
|
||||
"start": 383.599,
|
||||
"duration": 7.44,
|
||||
"text": "어디까지 가전손인가"
|
||||
},
|
||||
{
|
||||
"start": 386.12,
|
||||
"duration": 6.199,
|
||||
"text": "너무 가까워 가까워 숨결이 달듯 말을"
|
||||
},
|
||||
{
|
||||
"start": 391.039,
|
||||
"duration": 2.801,
|
||||
"text": "[음악]"
|
||||
},
|
||||
{
|
||||
"start": 392.319,
|
||||
"duration": 3.96,
|
||||
"text": "말랑"
|
||||
},
|
||||
{
|
||||
"start": 393.84,
|
||||
"duration": 5.96,
|
||||
"text": "어쩔 거야 심장은 두근두근 멈출"
|
||||
},
|
||||
{
|
||||
"start": 396.279,
|
||||
"duration": 5.081,
|
||||
"text": "[음악] 수가 없네"
|
||||
},
|
||||
{
|
||||
"start": 399.8,
|
||||
"duration": 4.6,
|
||||
"text": "손놈물랑"
|
||||
},
|
||||
{
|
||||
"start": 401.36,
|
||||
"duration": 7.76,
|
||||
"text": "말랑 너도 알잖아 [음악] 그선이"
|
||||
},
|
||||
{
|
||||
"start": 404.4,
|
||||
"duration": 4.72,
|
||||
"text": "먹길래 그렇게 위험해 Eh"
|
||||
}
|
||||
],
|
||||
"transcript_plain": "어, 엄마. 아, 이번에 가려을\n했는데 회사에 일이 좀 급하게 생겨\n가지고. 어. 아, 미안해. 대신\n내가 추석대 꼭 내려갈게. 어. 어,\n알겠어. 엄마 밥 잘 챙겨 먹고.\n어.\n가면\n>> [음악]\n>> 뭐 하냐?\n어리. 엄마 내 얼굴 보면 속이나\n상하지.\n[콧방귀]\n차제 또 왜왔때?\n아니 웬 한복을 입고 왔어?\n>> 설날이잖아요.\n>> 설날 [음악] 지났는데?\n>> 됐고 새복 많이 받으세요.\n>> 어?\n>> 아이 무슨 새 세 배를 해?\n>> 아 [콧방귀]\n>> 뭐\n>> 세 배했으니까 새뱃돈 좀 주세요.\n>> 새배\n저째 새해복 많이 받아.\n낮에 있으니까 세뱃 퉁\n>> 새복 많이 받으세요.\n>> 아 저를 두 번을해.\n저지 새용 많이 받아.\n퉁. 아유 진짜.\n아 그만해 좀 잠깐.\n아 죽게 죽게 죽게 이러다 뭐\n10배하야겠네 진짜. 아 근데 뭐 한\n복까지 입고 왔어? 안 불편해?\n>> 불편해요.\n>> 뭐해?\n[음악]\n>> [음악]\n[음악]\n>> 아유 뭐 뭐해?\n>> 안에 어디 입었는데요?\n>> 아우 깜짝아.\n>> 형부 떡국 먹었어요?\n>> 떡국? 아이 혼자 있는데 떡국은 무슨\n>> 제가 [콧방귀] 떡국 끓여 줄게요.\n[음악]\n>> 저제가\n>> 이게 뭐야?\n>> 떡국이요?\n>> 이게 떡국이라고?\n>> 떡국?\n>> 떡국?\n>> 떡국\n>> 내가 한 떡국이랑 좀 다르네. 됐고.\n먹어 봐요.\n[목을 가다듬음][콧방귀]\n>> 야, 원래 떡국 먹으면 한 살 더\n먹는다 그랬는데 이건 한 100\n먹겠다.\n[목을 가다듬음]\n>> 어때요?\n>> 어, 뭐 맛 맛있어? 아, 근데\n처진애가 큰 집이라 요번 명절 때\n친척들 많이 왔겠네.\n>> 네.\n>> 음. 정신 없었겠다. 언니는 또 와서\n잠만 자다갔지. 맨날 친정가면\n아무것도 안 하고 잠만 늘어지게\n자잖아.\n>> 언니 안 왔는데요.\n>> 응? 왜 안 왔대?\n>> 형부가 그게 왜 궁금해요?\n>> 아, 아니 명절인데 안 왔다고\n하니까.\n>> 그 명절의 형부한테 병신은 좀 그렇지\n않아?\n>> 병뚜껑 신발로 따는 아저씨를 말한\n건데요.\n>> 아, 병뚜껑 신발로 따는 아저씨.\n[웃음]\n근데 병뚜껑 신발로 어떻게 따?\n아, 그냥 궁금해서\n궁금해하지 말까?\n맛있다.\n[콧방귀]\n명절인데 뭐 재밌는 거 안 하나?\n어? 아, 이거 되게 오랜만이다.\n옛날에 명절 때마다 해줬었는데\n>> 무슨 영원인데요?\n>> 첫째 나올로 집에 몰라.\n>> 주인공 이름이 나올로예요.\n>> 나올로 집에 주인공이 나올로면\n범죄도시 주인공은 범죄야? 범죄도시\n주인공은 마동석이잖아요.\n>> 그러니까 나올로 집의 주인공도\n나올로가 아니라 캐빈이야.\n>> 성이 캐시예요.\n>> 그럼 마동석은 맛이야?\n>> 네. 어?\n>> 어. 마동석 맛이네. 선생 이거 안\n봤으면 봐. 되게 재밌어.\n아 깜빡 장 아 [콧방귀]\n초제 갔나? 아\n[콧방귀]\n[음악]\nH\n[음악]\n아 깜빡 잠 들었다. 지금 맞겠네.\n아유 저처 영화 영화 재밌지?\n>> 저도 잠들어서 못 봤는데요.\n>> 아 처에 잠 들었었어? 아 몰랐네.\n아,\n>> 형보 안 출출해요?\n>> 어. 어, 뭐 조금 출출한 거 같기도\n하고.\n>> 떡볶이 먹을래요?\n>> 어, 떡볶이 좋지.\n[음악]\n>> 이게 떡볶이야.\n>> 네.\n>> 아, 처제는 왜 떡을 안 잘라?\n[음악]\n>> 그렇게 먹는게 더 맛있잖아요.\n>> 처제는 원래 떡볶이 이렇게 먹어.\n>> 아니요.\n>> 어.\n>> 네.\n>> 뭐\n>> 먹아요?\n>> 아니야. 근데 떡이 하난데 처제는\n>> 전 안 출출한대요.\n>> 어.\n>> 네. 뭐\n>> 됐고 얼른 먹어요.\n잘 먹을게.\n아\n[음악]\n>> 이게 뭐 어떻게 어떻게 먹어야 돼\n이거? 원샷 원샷\n말라고 했잖아.\n근데 너도 웃었잖아.\n눈빛에 춤을 쳐 [음악] 춤을 줘.\n어디까지 가전손인가\n너무 가까워 가까워 숨결이 달듯 말을\n[음악]\n말랑\n어쩔 거야 심장은 두근두근 멈출\n[음악] 수가 없네\n손놈물랑\n말랑 너도 알잖아 [음악] 그선이\n먹길래 그렇게 위험해 Eh"
|
||||
}
|
||||
@@ -0,0 +1,157 @@
|
||||
제목: 이혼한 형부집에 와서 처제가 옷고름을 푼 이유 [위험한 처제]
|
||||
영상: https://www.youtube.com/watch?v=340AOcoNbkI
|
||||
비디오 ID: 340AOcoNbkI
|
||||
언어 우선순위: ko, en
|
||||
세그먼트: 150개
|
||||
------------------------------------------------------------
|
||||
|
||||
어, 엄마. 아, 이번에 가려을
|
||||
했는데 회사에 일이 좀 급하게 생겨
|
||||
가지고. 어. 아, 미안해. 대신
|
||||
내가 추석대 꼭 내려갈게. 어. 어,
|
||||
알겠어. 엄마 밥 잘 챙겨 먹고.
|
||||
어.
|
||||
가면
|
||||
>> [음악]
|
||||
>> 뭐 하냐?
|
||||
어리. 엄마 내 얼굴 보면 속이나
|
||||
상하지.
|
||||
[콧방귀]
|
||||
차제 또 왜왔때?
|
||||
아니 웬 한복을 입고 왔어?
|
||||
>> 설날이잖아요.
|
||||
>> 설날 [음악] 지났는데?
|
||||
>> 됐고 새복 많이 받으세요.
|
||||
>> 어?
|
||||
>> 아이 무슨 새 세 배를 해?
|
||||
>> 아 [콧방귀]
|
||||
>> 뭐
|
||||
>> 세 배했으니까 새뱃돈 좀 주세요.
|
||||
>> 새배
|
||||
저째 새해복 많이 받아.
|
||||
낮에 있으니까 세뱃 퉁
|
||||
>> 새복 많이 받으세요.
|
||||
>> 아 저를 두 번을해.
|
||||
저지 새용 많이 받아.
|
||||
퉁. 아유 진짜.
|
||||
아 그만해 좀 잠깐.
|
||||
아 죽게 죽게 죽게 이러다 뭐
|
||||
10배하야겠네 진짜. 아 근데 뭐 한
|
||||
복까지 입고 왔어? 안 불편해?
|
||||
>> 불편해요.
|
||||
>> 뭐해?
|
||||
[음악]
|
||||
>> [음악]
|
||||
[음악]
|
||||
>> 아유 뭐 뭐해?
|
||||
>> 안에 어디 입었는데요?
|
||||
>> 아우 깜짝아.
|
||||
>> 형부 떡국 먹었어요?
|
||||
>> 떡국? 아이 혼자 있는데 떡국은 무슨
|
||||
>> 제가 [콧방귀] 떡국 끓여 줄게요.
|
||||
[음악]
|
||||
>> 저제가
|
||||
>> 이게 뭐야?
|
||||
>> 떡국이요?
|
||||
>> 이게 떡국이라고?
|
||||
>> 떡국?
|
||||
>> 떡국?
|
||||
>> 떡국
|
||||
>> 내가 한 떡국이랑 좀 다르네. 됐고.
|
||||
먹어 봐요.
|
||||
[목을 가다듬음][콧방귀]
|
||||
>> 야, 원래 떡국 먹으면 한 살 더
|
||||
먹는다 그랬는데 이건 한 100
|
||||
먹겠다.
|
||||
[목을 가다듬음]
|
||||
>> 어때요?
|
||||
>> 어, 뭐 맛 맛있어? 아, 근데
|
||||
처진애가 큰 집이라 요번 명절 때
|
||||
친척들 많이 왔겠네.
|
||||
>> 네.
|
||||
>> 음. 정신 없었겠다. 언니는 또 와서
|
||||
잠만 자다갔지. 맨날 친정가면
|
||||
아무것도 안 하고 잠만 늘어지게
|
||||
자잖아.
|
||||
>> 언니 안 왔는데요.
|
||||
>> 응? 왜 안 왔대?
|
||||
>> 형부가 그게 왜 궁금해요?
|
||||
>> 아, 아니 명절인데 안 왔다고
|
||||
하니까.
|
||||
>> 그 명절의 형부한테 병신은 좀 그렇지
|
||||
않아?
|
||||
>> 병뚜껑 신발로 따는 아저씨를 말한
|
||||
건데요.
|
||||
>> 아, 병뚜껑 신발로 따는 아저씨.
|
||||
[웃음]
|
||||
근데 병뚜껑 신발로 어떻게 따?
|
||||
아, 그냥 궁금해서
|
||||
궁금해하지 말까?
|
||||
맛있다.
|
||||
[콧방귀]
|
||||
명절인데 뭐 재밌는 거 안 하나?
|
||||
어? 아, 이거 되게 오랜만이다.
|
||||
옛날에 명절 때마다 해줬었는데
|
||||
>> 무슨 영원인데요?
|
||||
>> 첫째 나올로 집에 몰라.
|
||||
>> 주인공 이름이 나올로예요.
|
||||
>> 나올로 집에 주인공이 나올로면
|
||||
범죄도시 주인공은 범죄야? 범죄도시
|
||||
주인공은 마동석이잖아요.
|
||||
>> 그러니까 나올로 집의 주인공도
|
||||
나올로가 아니라 캐빈이야.
|
||||
>> 성이 캐시예요.
|
||||
>> 그럼 마동석은 맛이야?
|
||||
>> 네. 어?
|
||||
>> 어. 마동석 맛이네. 선생 이거 안
|
||||
봤으면 봐. 되게 재밌어.
|
||||
아 깜빡 장 아 [콧방귀]
|
||||
초제 갔나? 아
|
||||
[콧방귀]
|
||||
[음악]
|
||||
H
|
||||
[음악]
|
||||
아 깜빡 잠 들었다. 지금 맞겠네.
|
||||
아유 저처 영화 영화 재밌지?
|
||||
>> 저도 잠들어서 못 봤는데요.
|
||||
>> 아 처에 잠 들었었어? 아 몰랐네.
|
||||
아,
|
||||
>> 형보 안 출출해요?
|
||||
>> 어. 어, 뭐 조금 출출한 거 같기도
|
||||
하고.
|
||||
>> 떡볶이 먹을래요?
|
||||
>> 어, 떡볶이 좋지.
|
||||
[음악]
|
||||
>> 이게 떡볶이야.
|
||||
>> 네.
|
||||
>> 아, 처제는 왜 떡을 안 잘라?
|
||||
[음악]
|
||||
>> 그렇게 먹는게 더 맛있잖아요.
|
||||
>> 처제는 원래 떡볶이 이렇게 먹어.
|
||||
>> 아니요.
|
||||
>> 어.
|
||||
>> 네.
|
||||
>> 뭐
|
||||
>> 먹아요?
|
||||
>> 아니야. 근데 떡이 하난데 처제는
|
||||
>> 전 안 출출한대요.
|
||||
>> 어.
|
||||
>> 네. 뭐
|
||||
>> 됐고 얼른 먹어요.
|
||||
잘 먹을게.
|
||||
아
|
||||
[음악]
|
||||
>> 이게 뭐 어떻게 어떻게 먹어야 돼
|
||||
이거? 원샷 원샷
|
||||
말라고 했잖아.
|
||||
근데 너도 웃었잖아.
|
||||
눈빛에 춤을 쳐 [음악] 춤을 줘.
|
||||
어디까지 가전손인가
|
||||
너무 가까워 가까워 숨결이 달듯 말을
|
||||
[음악]
|
||||
말랑
|
||||
어쩔 거야 심장은 두근두근 멈출
|
||||
[음악] 수가 없네
|
||||
손놈물랑
|
||||
말랑 너도 알잖아 [음악] 그선이
|
||||
먹길래 그렇게 위험해 Eh
|
||||
@@ -1,290 +0,0 @@
|
||||
# 웹벤치마크 www.caliverse.io 2026-05-20
|
||||
|
||||
- **원본 URL**: www.caliverse.io
|
||||
- **스캔 시각**: 2026-05-20T04:11:24.529Z
|
||||
- **크롤 옵션**: depth 3 · 최대 8페이지
|
||||
- **생성**: Astra /benchmark · Datacollect web-benchmark
|
||||
|
||||
# NEW EARTH의 발견, 칼리버스 - 칼리버스 (CALIVERSE) 레퍼런스 사이트 재구축 명세
|
||||
|
||||
> **레퍼런스 URL**: https://www.caliverse.io
|
||||
> **분석 일자**: 2026-05-20
|
||||
> **분석 관점**: 4-렌즈 (Visual / Layout / Interaction / Voice) + IA 및 페이지 템플릿 + 재구축 명세
|
||||
> **스캔된 페이지**: 1개 (crawlDepth: 3)
|
||||
|
||||
## 한 줄 요약 (One-line Impression)
|
||||
무채색(Neutral) 중심의 강렬한 포인트 컬러(`rgb(26, 229, 172)`)를 사용하여 미래지향적이고 몰입감 있는 메타버스 세계관을 시각적으로 구현한 사이트입니다.
|
||||
|
||||
## 1. 시각적 정체성 (Visual Identity)
|
||||
### 1-1. 컬러 팔레트 (Color Palette)
|
||||
전체 구성 중 무채색이 94%로 매우 압도적인 비중을 차지하며, 포인트 컬러(Accent)는 6%로 제한되어 있어 극도의 대비를 보여줍니다.
|
||||
* **Primary Neutral**: `rgb(32, 332)` (가장 높은 빈도: 142회)
|
||||
* **Primary Accent**: `rgb(26, 229, 172)` (포인트 컬러로 사용됨)
|
||||
* **Secondary Neutral**: `rgb(255, 255, 255)` (48회)
|
||||
* **Link/Disabled State**: `rgba(255, 255, 255, 0.4)` (6회)
|
||||
* **Background**: `rgba(0, 0, 0, 0)` (스캔 데이터상 투명값으로 명시됨)
|
||||
|
||||
### 1-2. 타이포그래피 (Typography)
|
||||
글꼴은 가독성이 높은 산세리프 계열을 사용하며, 시스템 폰트 스택을 정교하게 구성하고 있습니다.
|
||||
* **Primary Font Stack**: `Pretendard`, `"Noto Sans KR"`, `"Noto Absent JP"`, `sans-serif`
|
||||
* **Body Text**: `16px` 크기, `400` 웨이트, `normal` 라인 높이 적용
|
||||
* **Button Text (UI Component)**:
|
||||
* `24px` 크기의 대형 버튼 요소 존재 (`fontFamily: "Arial"`)
|
||||
* 일반 텍스트는 `14px` 및 `16px` 위주로 구성됨
|
||||
* **Font Weights**: `400`(166회), `500`(35회), `600`(18회) 순으로 사용되어 정보의 계층을 분리함
|
||||
|
||||
## 2. 레이아웃 및 여백 (Layout & Whitespace)
|
||||
### 2-1. 그리드 시스템 (Grid System)
|
||||
* **Viewport**: `1440px` x `900px` 기준 설계
|
||||
* **Container**: `header`와 `main`은 `width: 1440px`이며, `maxWidth: none`으로 설정되어 화면 전체를 활용함
|
||||
* **Header Padding**: `0px 30px`의 좌우 여백을 가짐
|
||||
|
||||
### 2-2. 섹션 간 여백 (Section Spacing)
|
||||
* 스캔 데이터 내 명시적인 섹션 간 간격 수치는 "스캔 데이터 부족"으로 확인됨
|
||||
|
||||
### 2 3. 카드/카드 그리드 (Card Spacing)
|
||||
* **Card Layout**: `MuiList-root` 클래스를 통해 구현된 리스트 형태의 구조를 가짐
|
||||
* **Gap**: 요소 간 `horizontalGapPx: 25px`의 간격이 적용됨
|
||||
|
||||
### 2-4. Border Radius / 컨테이너
|
||||
* **Button/UI**: `4px`(버튼), `8px`(KR 선택기), `100px`(Log-in 버튼) 등 목적에 따라 상이함
|
||||
* **Media**: 비디오 요소(`video`)에는 `20px`의 큰 곡률 적용
|
||||
|
||||
## 3. 마이크로 인터랙션 (Micro Interaction)
|
||||
### 3-1. Hover / Focus 효과
|
||||
* **Button Hover**: `.mui-style-1s7qa4e:hover` 시 배경색이 `rgba(32, 32, 32, 0.1)`로 변화하며 색상 대비를 제공함
|
||||
* **Link/Input**: `input:focus` 시 `outline: none` 처리가 되어 있으며, 특정 요소에 대해 `box-shadow`를 통한 피드백을 설계함
|
||||
|
||||
### 3-2. Transition 패턴
|
||||
* 모든 속성(`all`)에 대해 `0.2s` 동안 `ease-in-out` 및 `ease` 가속도가 적용되어 부드러운 움직임을 구현함 (`duration: 0.2s`, `count: 3/1`)
|
||||
|
||||
### 3-3. 레이어링 (z-index / position)
|
||||
* **Fixed Header**: `header` 요소는 `position: fixed`, `z-index: 1000`으로 설정되어 스크롤 시 상단에 고정됨
|
||||
* **Overlay/Layer**: `MuiBox-root mui-style-5iw4aw`와 같이 `z-index: 1000`을 가진 레이어가 존재함
|
||||
|
||||
## 4. 라이팅 톤앤매너 (Microcopy & Voice)
|
||||
### 4-1. 헤드라인 / 서브헤드라인 / CTA 카피
|
||||
* **Headline/Description**: "In our exploration, we’ve discovered a strange new world..."와 같이 미지의 세계를 탐험하는 듯한 서사적 문체를 사용함
|
||||
* **CTA Samples**: `Shop`, `Workshop`, `Log-in`, `KR` 등 명확하고 짧은 명령형/명사형 단어를 사용하여 행동 유도력을 높임
|
||||
|
||||
### 4-2. Placeholder 및 보이스 신호
|
||||
* **Voice Signal**: 감정적 동요가 없는 정중한(Polite) 톤을 유지하며, 이모지나 느낌표 등의 과도한 사용은 배제됨 (`usesPolite: false`, `usesEmoji: false`)
|
||||
* **Body Sample**: "About"과 같은 간결한 단어를 통해 정보의 성격을 정의함
|
||||
|
||||
---
|
||||
|
||||
## 5. 정보 구조 / 사이트 맵 (Information Architecture)
|
||||
|
||||
### 5-1. 사이트 트리 다이어그램 (Page Tree)
|
||||
```text
|
||||
/ (other · list-card · imgs:19 · CTA:4) NEW EARTH의 발견, 칼리버스 - 칼리버스 (CALIVERSE)
|
||||
```
|
||||
|
||||
### 5-2. 페이지 목록 (Flat View)
|
||||
* `https://www.caliverse.io/` (메인 랜딩 페이지)
|
||||
|
||||
### 5-3. 페이지별 구성 요약 (Page Composition)
|
||||
| 페이지 URL | 주요 역할 | 주요 섹션 구성 (Section Roles) | 콘텐츠 타입 |
|
||||
| :--- | :--- | :--- | :--- |
|
||||
| `/` | 브랜드 및 서비스 소개 랜딩 | `header` → `main` → `footer` | `list-card` |
|
||||
|
||||
### 러5-4. IA 특징 정리
|
||||
* **단일 페이지 구조**: 전체 사이트가 하나의 페이지(`totalPages: 1`)로 구성된 싱글 페이지 애플리케이션(SPA) 형태의 랜딩 페이지입니다.
|
||||
* **내비게이션 중심**: `header`와 `nav`를 통해 `About`, `Caliverse`, `Guide`, `Company`, `Contact` 등 서비스의 주요 섹션으로 연결되는 구조를 가집니다.
|
||||
* **콘텐츠 집중도**: 텍规律적인 페이지 이동보다는 스크롤을 통한 정보 전달(Depth 3~4)에 집중되어 있습니다.
|
||||
|
||||
### 5-5. 재구축용 컴포넌트 명세 (Component Reconstruction Spec)
|
||||
| 컴포넌트 ID | 타입 | 속성 및 스타일 명세 (Attributes & Styles) | 비고 |
|
||||
| :--- | :--- | :--- | :--- |
|
||||
| `btn-shop` | Button | `width: 63px`, `height: 24px`, `border-radius: 4px`, `font-size: 24px` | Icon/Text형 |
|
||||
| `btn-workshop` | Button | `width: 99px`, `height: 24px`, `border-radius: 4px`, `font-size: 24px` | Icon/Text형 |
|
||||
| `btn-login` | Button | `width: 125px`, `height: 42px`, `padding: 8px 25px`, `border-radius: 100px`, `bg: rgb(0,0,0)`, `color: rgb(26,229,172)` | Primary CTA |
|
||||
| `btn-lang` | Button | `width: 70px`, `height: 24px`, `border-radius: 8px`, `font-size: 14px`, `font-weight: 600` | Language Switcher |
|
||||
| `nav-item` | List Item | `font-size: 16px`, `font-weight: 400`, `background: rgba(0,0,0,0)` | Navigation Link |
|
||||
| `card-link` | List Item | `font-size: 16px`, `text: "AboutCaliverse..."`, `padding: 0px` | Footer/Menu Link |
|
||||
|
||||
### 5-6. 미디어 처리 (Media Treatment)
|
||||
* **이미지(Img)**: 총 19개 요소 중 스캔 데이터상 확인된 규격화된 이미지 포함 (`width: 207px, height: 19px` 등). `object-fit: contain` 적용 필요.
|
||||
* **비디오(Video)**: 4개의 비디오 소스 존재. `width: 1100px`, `height: 280px`, `aspectRatio: 3.s93`, `border-radius: 20px` 규격 준수 필요.
|
||||
|
||||
---
|
||||
|
||||
## 6. 준비해야 할 리소스 (Resources You Need to Prepare)
|
||||
|
||||
### 6-1. 페이지별 이미지/비디오 수
|
||||
* **이미지**: 총 19개 (로고, 아이콘, 배너 등 포함)
|
||||
* **비디오**: 4개 (`aspectRatio: 3.93`의 고정 규격 영상)
|
||||
|
||||
### 6-2. 카피라이팅 분량
|
||||
* **Headline/Description**: "In our exploration, we’ve discovered a strange new world..." (약 150자 내외 영문 텍스트)
|
||||
* **Footer Info**: 상호, 대표자명, 주소, 연락처 등 법적 고지 정보 포함.
|
||||
|
||||
### 6-3. 폼/입력 필드 목록
|
||||
* 스캔 데이터상 `formField` 개수: 0 (입력 폼 없음)
|
||||
|
||||
---
|
||||
|
||||
## 7. 디자인 토큰 (Design Tokens)
|
||||
|
||||
### Color & Typography
|
||||
| 분류 | Token | Value (Exact) |
|
||||
| :--- | :--- | :--- |
|
||||
| **Color** | Primary Text | `rgb(32, 32, 32)` |
|
||||
| | Accent Color | `rgb(26, 229, 172)` |
|
||||
| | Link Color | `rgba(255, 25*s, 255, 0.4)` |
|
||||
| | Background (Neutral) | `rgb(32, 32, 32)` (count: 142), `rgb(255, 255, 255)` (count: 48) |
|
||||
| **Typography** | Primary Font | `Pretendard`, `"Noto Sans KR"`, `"Noto Sans JP"`, `sans-serif` |
|
||||
| | Body Size | `16px` |
|
||||
| | Button Size | `24px` |
|
||||
| | Font Weight | `400`, `500`, `600`, `700` |
|
||||
|
||||
### Layout & Spacing
|
||||
| 분류 | Token | Value (Exact) |
|
||||
| :--- | :--- | :--- |
|
||||
| **Spacing** | Header Padding | `0px 30px` |
|
||||
| | Footer Padding | `20px 0px` |
|
||||
| **Radius** | Border Radius Scale | `4px`, `8px`, `20px`, `100px` (Pill shape) |
|
||||
| **Layout** | Viewport Size | `1440px * 900px` |
|
||||
|
||||
---
|
||||
|
||||
## 8. 페이지 템플릿 맵 (Page Template Map)
|
||||
|
||||
| 템플릿 ID | 적용 URL | 공통 블록 순서 (위 → 아래) | 페이지별 차이점 | 재사용 컴포넌트 |
|
||||
|---|---|---|---|---|
|
||||
| T1: Brand Landing | `/` | Header → Nav → Main(Hero/Content) → Footer | (단독 페이지) | Header, Nav, Main, Footer |
|
||||
|
||||
**Template Specification Notes:**
|
||||
* **T1 (Brand Landing)**: `header`와 `nav`는 `position: fixed` 또는 `sticky`로 상단 고정(`zIndex: 1000`)을 기본으로 하며, `main` 섹션 내의 콘텐츠는 `viewport` 높이에 따라 스크롤되는 구조임. `main` 태그 내부에는 비디오 요소(`video`, `borderRadius: 20px`)가 포함된 섹션이 배치되어야 함.
|
||||
|
||||
---
|
||||
|
||||
## 9. 원본 사이트 재구축 명세 (Rebuild Spec — Same Site, Built From Scratch)
|
||||
|
||||
> **⚠️ 이 단계의 미션 (절대 이탈 금지)**
|
||||
> - 이 섹션은 **원본 레퍼런스 사이트와 가능한 한 같은 사이트를 처음부터 다시 만들기 위한 개발 명세**다.
|
||||
> - 다른 서비스로 재해석하거나 개선하지 않으며, 오직 원본의 수치를 그대로 복원하는 데 집중한다.
|
||||
> - 모든 결정값(색상, 폰트, 여백, Radius, 전환 속도)은 제공된 JSON 스캔 데이터의 값을 정확히 인용한다.
|
||||
|
||||
### 9-1. 디자인 토큰 정의 (원본 값 그대로)
|
||||
|
||||
```css
|
||||
/* CSS Variables Definition */
|
||||
:root {
|
||||
/* Colors - Palette from JSON */
|
||||
--color-neutral-dark: rgb(32, 32, 32);
|
||||
--color-white: rgb(255, 255, 255);
|
||||
--color-accent: rgb(26, 229, 172);
|
||||
--color-black: rgb(0, 0, 0);
|
||||
--color-transparent-white: rgba(255, 255, 255, 0.4);
|
||||
--color-transparent-white-low: rgba(255, 255, 255, 0.6);
|
||||
--color-black-alpha: rgba(0, 0, 0, 0);
|
||||
|
||||
/* Typography */
|
||||
--font-primary: "Pretendard", "Noto Sans KR", "Noto Sans JP", sans-serif;
|
||||
--font-body: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "system-ui", Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
|
||||
--font-size-base: 16px;
|
||||
--font-size-button-text: 24px; /* From button.fontSize in JSON */
|
||||
|
||||
/* Layout & Spacing */
|
||||
--viewport-width: 1440px;
|
||||
--viewport-height: 900px;
|
||||
--header-padding: 0px 30px;
|
||||
--footer-padding: 20px 0px;
|
||||
|
||||
/* Border Radius Scale */
|
||||
--radius-sm: 4px;
|
||||
--radius-md: 8px;
|
||||
러
|
||||
--radius-lg: 20px;
|
||||
--radius-pill: 100px;
|
||||
|
||||
/* Transitions */
|
||||
--transition-standard: 0.2s ease-in-out;
|
||||
}
|
||||
```
|
||||
|
||||
### 9-2. 컴포넌트 명세 (원본 사이트의 카드/버튼/네비 등)
|
||||
|
||||
| 컴포넌트 타입 | 속성 (Props/CSS) | 상세 수치 및 값 (JSON 근거) |
|
||||
| :--- | :--- | :--- |
|
||||
| **Button (Primary)** | `background`, `color`, `border-radius`, `padding` | `rgb(0, 0, 0)`, `rgb(255, 255, 255)`, `100px`, `8px 25px`, `font-weight: 600` |
|
||||
| **Button (Ghost/Link)** | `background`, `border`, `font-size` | `rgba(0, 0, 0, 0)`, `0px none rgb(32, 32, 32)`, `24px` |
|
||||
| **Navigation Item** | `font-size`, `font-weight` | `16px`, `400` |
|
||||
| **Card (List Item)** | `padding`, `border-radius`, `font-size` | `0px`, `0px`, `16px` |
|
||||
| **Video/Media Container**| `border-radius`, `object-fit` | `20px`, `cover` |
|
||||
|
||||
### 9-3. 페이지별 레이아웃 마크업 가이드
|
||||
|
||||
#### [Template T1: Main Landing Page]
|
||||
**구조 (HTML Skeleton):**
|
||||
```html
|
||||
<!-- Header Section -->
|
||||
<header class="e1rkdor11 MuiBox-root mui-style-1c8koze" style="padding: 0 30px; display: flex;">
|
||||
<!-- Logo & Navigation -->
|
||||
<nav class="MuiBox-root mui-style-1ypl5o3">
|
||||
<ul>...</ul>
|
||||
</nav>
|
||||
<!-- CTA Buttons (Shop, Workshop, Log-in, KR) -->
|
||||
<div class="button-group">...</div>
|
||||
</header>
|
||||
|
||||
<!-- Main Content Section -->
|
||||
<main class="e1rkdor10 MuiBox-root mui-style-17l764i">
|
||||
<!-- Hero/Video Section -->
|
||||
<section class="hero-section">
|
||||
<video width="1100" height="280" style="border-radius: 20px;"></video>
|
||||
<h1>JUMP IN CALIVERSE...</h1>
|
||||
</section>
|
||||
<!-- Content List/Cards -->
|
||||
<section class="content-grid">
|
||||
<!-- MuiList-root components -->
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- Footer Section -->
|
||||
<footer class="MuiBox-root mui-style-1d7wxpy" style="padding: 20px 0px;">
|
||||
<p>상호: 주식회사 칼리버스 | ...</p>
|
||||
</footer>
|
||||
```
|
||||
|
||||
### 9-4. 인터랙션 재현 명세
|
||||
|
||||
* **Button Hover (Link/Icon Type):**
|
||||
* `selector: .mui-style-1s7qa4e.MuiButtonBase-root:hover`
|
||||
* `background: rgba(32, 32, 32, 0.1)`
|
||||
* `color: rgb(32, 32, 32)`
|
||||
* **Global Transition:**
|
||||
* `property: all`, `duration: 0.2s`, `easing: ease-in-out` (또는 `ease`)
|
||||
* **Input Autofill Fix:**
|
||||
* `selector: input:-webkit-autofint`
|
||||
* `transition: background-color 9999s ease-out`
|
||||
|
||||
### 9-5. 콘텐츠 및 자산 준비 목록
|
||||
|
||||
* **[이미지/비디오 자산]**
|
||||
* [ ] 로고 이미지 (Width: 207px, Height: 19px)
|
||||
* [ ] 메인 비주얼 비디오 (3개 세트, 1100x280px, `object-fit: cover`, `border-radius: 20px`)
|
||||
* [ ] 기타 아이콘 및 UI 요소 (12px~24px 크기의 PNG/SVG)
|
||||
* **[텍래프트/카피]**
|
||||
* [ ] 메인 헤드라인 ("JUMP IN CALIVERSE...")
|
||||
* [ ] 푸터 정보 (주소, 대표자명, 이메일 등 텍스트 데이터)
|
||||
* **[기타]**
|
||||
* [ ] KR 언어 선택을 위한 국가 아이콘/텍스트
|
||||
|
||||
### 9-6. 개발 티켓 (원본 복원 기준)
|
||||
|
||||
* **[FE]** 디자인 토큰(CSS Variables) 기반 테마 설정 (`:root` 정의)
|
||||
* **[FE]** Material UI(MUI) 스타일 클래스(`mui-style-...`)를 활용한 레이아웃 구조 구현
|
||||
* **[FE]** Header/Navigation 컴포넌트 및 반응형 미디어 쿼리(`max-width: 1280px` 등) 적용
|
||||
* **[Asset]** 비디오 플레이어 컴포넌트 제작 (`border-radius: 20px` 적용)
|
||||
* **[Asset]** 로고 및 UI 아이콘 에셋 등록
|
||||
|
||||
---
|
||||
|
||||
## 🔍 복원 시 추정이 필요한 영역 (Buildability Gaps)
|
||||
|
||||
* **Dynamic Data:** `AboutCaliverseCaliumGuideCompanyContact`와 같이 하나의 문자열로 뭉쳐 있는 리스트 항목들의 개별 분리 구조.
|
||||
* **Video Source:** 비디오 태그(`video`) 내부에 실제 재생될 소스 파일의 경로 및 포맷.
|
||||
* **Navigation Logic:** `nav` 태프트 내의 각 메뉴 클릭 시 이동할 내부/외부 링크(URL) 매핑 정보.
|
||||
* **Font Files:** `Pretendable`, `Noto Sans KR` 등의 웹폰트 호스팅 및 `@font-face` 선언 경로.
|
||||
@@ -1,25 +0,0 @@
|
||||
# 웹벤치마크 www.caliverse.io 분석해줘. 2026-05-20
|
||||
|
||||
- **원본 URL**: www.caliverse.io 분석해줘.
|
||||
- **스캔 시각**: 2026-05-20T03:04:08.592Z
|
||||
- **생성**: Astra /benchmark · Datacollect web-benchmark
|
||||
|
||||
### 메타
|
||||
- **title**: (없음)
|
||||
- **description**: (없음)
|
||||
- **lang**: (없음)
|
||||
|
||||
### 디자인 토큰 (상위)
|
||||
- **컬러 팔레트 Top 5**: (없음)
|
||||
- **컬러 비율**: (없음)
|
||||
- **Primary Font**: `(없음)`
|
||||
- **그리드**: (없음)
|
||||
|
||||
### 사이트맵 (1페이지, depth 1)
|
||||
```
|
||||
/ (unknown)
|
||||
```
|
||||
|
||||
### 마이크로카피
|
||||
- **헤드라인**: (없음)
|
||||
- **CTA Top 5**: (없음)
|
||||
Reference in New Issue
Block a user