AI HTML 가져오기 기능 사용 시 기본값 적용
수정된 내용:
- 글꼴:
Pretendard로 기본 설정 - 굵기:
#타이틀은Black 900,##서브타이틀은Bold 700,###내용과 일반 텍스트는Medium 500으로 적용 - 폰트 사이즈/색상: 기존 설정 그대로 유지(각각 72, 48, 32).
- 정렬: 좌측 정렬(
align: 'left') 및 수직 가운데 정렬(verticalAlign: 'center')을 적용 - 자간: 0으로 설정했으며, 행간은 편집기 기본값인 1.2로 지정
- 텍스트 외곽선: 너비를 0으로 설정
- 그림자: 없음(
shadow: 'none')으로 지정 - 자막상자 및 투명도: 패딩과 라운드 곡률을 각각 0으로 하고, 가장 중요한 자막상자 불투명도 또한
0으로 지정
수정된 사항은 assets/js/modules/events.js 파일 내 마크다운 파서 모듈(parseMarkdownToSlideModel)에 반영
추가로
-
AI HTML 가져오기 (마크다운 임포트)
events.js파일에서parseMarkdownToSlideModel함수를 수정하여, 가져온 텍스트 레이어들이 캔버스 하단(Y축 1080px 기준)을 넘어서 생성되지 않도록 설정. 텍스트 요소가 너무 많아지더라도 밖으로 밀리지 않고 캔버스 하단 영역 안에 겹쳐서 배치되도록 제한 -
일반 프레임 드래그 시 캔버스 이탈 방지
editor.js파일 내 드래그 제어 로직(mouseMove이벤트)을 수정하여, 마우스로 요소를 드래그할 때 1920x1080 캔버스 밖으로 좌표가 벗어나지 않도록 강제로 구속(Bound)하는 로직을 추가.

기존 블로그 글을 제시하면 15장 분량의 영상용 슬라이드로 재구성합니다.
강력한 후킹포인트의 표지와 13장의 본문, 1장의 결론으로 구성합니다.
표지는
#전체 타이틀
## 서브타이틀
각 장은
#타이틀
## 소제목, 각 장별 2~3개
### 2~3줄 정도의 내용 단문으로 구성
--- 페이지 구분
형식으로 구성합니다.
블로그 글을 그대로 영상으로 제작하기 때문에 내용과 순서를 지켜 슬라이드 내용을 작성합니다.