v1.0.0-pre1

바뀐 점

전역

• UI의 색상을 재검토
• Montserrat -> Pretendard
  • Style Set을 적용하여 편집에 사용되는 문자들의 시인성을 향상
• <layout-info> 컴포넌트를 추가하여 파편화된 '레이아웃 정보'의 디자인을 쉽게 통일

헤더

• 기능 버튼, 저장 버튼, 레이어 갯수 정보를 레이어 목록 위로 이동
  • 즐겨 찾는 레이아웃의 표시 영역을 크게 확보
• 버전을 표시
• 즐겨 찾는 레이아웃이 없을 때 높이를 반으로 함

레이어 목록

• 색상 재검토
• 버튼 위치 조정
• 선택된/점검 필요한 레이어가 없을 때 관련 텍스트 숨김
• 즐겨찾기 버튼을 레이어 목록으로 옮김
• 즐겨 찾는 레이아웃이 없을 때 상단 버튼이 헤더 위치에 있도록 올려 공간을 확보

레이아웃 목록

• 위치 조정
• 즐겨찾기 버튼의 기능을 이 쪽으로 이동

편집

• 현재 편집 중인 레이아웃의 정보를 표시
• 시안성과 공간 활용을 위한 레이아웃 수정
  • '*필수'를 오른쪽 정렬
  • list의 경우 '항목 제거'를 항목 번호 옆으로
  • list의 경우 항목 구분이 가능하도록 여백과 세로선을 추가하고, 홀수와 짝수번째 항목의 세로선 색상을 서로 다르게 함
• <label>과 <input>의 연결을 바로잡음
• 등등...

프리뷰

• 해당 영역의 레이아웃 ID와 순서를 확인할 수 있도록 좌측에 gutter를 추가
• 선택된 레이아웃의 강조 표시가 내용물의 박스 크기에 영향을 주지 않도록 강조 표시 요소를 분리

정식 릴리즈의 목표

• 편집 구역 재구현
• UI 커스텀 지원
  • 색상, 폰트, 폰트 세부기능 설정
  • 사이드바 순서 바꾸기 설정
• 단계적 Vuex 도입: 전역 설정 관리부터
• ...?

---

soundtrack: https://youtu.be/VkSnKSYf29Y