개발기간 : 2021년 8월 10일 ~ 8월 14일

용어정리

• 블록div : 블록을 놓을 수 있는 공간 (코드상 blocklyDiv)
• 스플릿 바 : 크기 조절을 할 수 있는 드래그 가능한 바
• 코드div : 블록을 놓았을 때 파이썬 코드가 표시되는 공간 (코드상 codeDiv1)
• 콘솔div : 파이썬 코드 실행 결과가 나타나는 공간 (코드상 codeDiv2)

사용한 파일

• BlockExport_Editor.html
• public\js\utill\tabDisplay.js - 버튼 별 그리드 배치 정의 & 스플릿 바 생성
• public\css\basic.css - 그리드 레이아웃 정의
• public\css\splitBar.css - 스플릿 바 스타일 지정
• public\js\utill\ResizeSensor.js - 블록 워크스페이스 동적 크기 조절
• public\js\codemirror\lib\codemirror.css - 코드미러 동적 조절 스타일 지정
• public\js\utils\themeChange.js - 다크모드, 라이트모드 설정

변경점 및 사용법 정리

• 스플릿 바를 구현하기 위해 Split.js 라는 라이브러리를 사용함.