2026-08-19 PulseUp 작업일지입니다. 오늘은 8건의 작업을 진행했습니다.
1화면 Main 세로 레이아웃
현상/기능
- Main-training Stress/Loop 세로를 가로와 같은 상단바(비율만 균등)로 맞추고, 3칸(로고·섬네일 / 현재 / NEXT)과 휴식·물보충 때 위로 슬라이드하게 할 것
작업
- 세로 헤더는 6구역 균등 비율로 위 칸을 덮고, 하단 NEXT와 휴식/물보충 슬라이드를 넣었다. COMBO/AMRAP와 재생 순서 로직은 그대로 두었다
1화면 EMOM Stress/Loop 가로 레이아웃
현상/기능
- EMOM Stress/Loop도 Main-training Stress/Loop 가로 레이아웃을 그대로 따를 것. 레이아웃만
작업
- EMOM은 기존과 같이 Main과 같은 6구역 상단바를 쓰고, Loop next PiP 시점만 RND 기준으로 Main과 맞췄다. 재생 순서·분 단위 구간은 변경하지 않았다
1화면 가로 상단바 6구역 비율
현상/기능
- 상단 정보바를 6구역 비율로 맞추고, 1번을 20% 줄여 2번에 더하며 2번 글자를 키우고 가운데 정렬할 것. 1·2번 사이 바는 빼 것
작업
- 헤더를 `1.2:2.3:1.3:1.3:1.3:1.3`로 맞추고, 프로그램명 구역은 글자를 키워 가운데 정렬했다. 2~5번 오른쪽에만 흰색 세로 구분선을 넣었다
1화면 가로 DS/CD next 영상
현상/기능
- CD, DS일 때도 다음 영상이 똑같이 나오게
작업
- 가로 next PiP를 DS/CD에서도 연다. 클립당 타이머가 1개라 Stress는 시간 1/2, Loop는 1/3이 남으면 다음 스트레칭 영상을 표시한다
workout_exercises_logic 영상 LAYOUT 추가
현상/기능
- 영상 LAYOUT 설정을 각 운동방식 아래에 추가
작업
- MULTI §1~7(3/5화면 그리드·동시재생)과 1Monitor §8~14(세로/가로)에 영상 LAYOUT을 넣었다. §8·§9 가로는 상단바/영상 분리·next PiP 시점(마지막 SET 1/2, Loop 1/3)을 반영했다
- **Docs** · `workout_exercises_logic.md`
1화면 가로 상단바/영상 영역 분리
현상/기능
- 상단바와 영상이 겹치면 각자 영역을 가지게 할 것
작업
- 가로 화면을 헤더 행 + 영상 행 그리드로 나누고, 영상 영역만 clip 해서 커버 스케일 iframe이 상단바를 덮지 않게 한다
1화면 가로 상단바 글자·next 영상 미표시 수정
현상/기능
- 상단에 영역만 있고 내용이 안 나온다. 우측 하단 다음 영상이 플레이 안 된다
작업
- 상단바 overflow/max-height로 글자가 잘리던 것을 고치고, next PiP는 display:none 대신 opacity로 가려 iframe이 로드되게 한 뒤 노출 시점에 preview를 재생한다
1화면 가로 Main-training Stress/loop 레이아웃
현상/기능
- 1화면 가로 Main-training Stress/loop를 첨부처럼 좁은 상단바(남은시간 색 박스, 프로그램명, SET/RND, MOVE, TIME/ELAPSED, 로고)와 next 영상 규칙으로 맞출 것
작업
- 상단바를 최소 높이로 줄이고 남은시간은 운동=빨강/휴식=초록/물보충=파랑 숫자 박스로 표시한다. Stress 마지막 SET 1/2, Loop 설정 시간 1/3에 next PiP를 열고, 휴식/물보충에서 다음 MOVE가 본영상이 되면 운동번호 아래 NEXT 배지를 단다