1. 디바이스 및 ID 작업 기준
| 구분 | 기준 | 비고 |
|---|---|---|
| OS | Android/iOS | |
| 작업기준 너비 | 360px | |
| 반응형 중단점(Break Point) |
Device Wide Wdith 768 Device Small Width 320 |
레이아웃 및 폰트 최적화시 기준 |
| HTML 파일명 |
1Depth_2Depth_일련번호 3자리+A~Z 팝업은 언더바 +숫자로 표현 (EX. 000A_1) |
기획 화면번호 체계 기준 링크이동 |
2. 폴더 및 파일 기준 - 세모리포트 모바일
| 구분 | 폴더 | 하위폴더 및 파일 | 비고 |
|---|---|---|---|
| HTML 마크업 페이지 | html/ |
fin/ 금융탭 noti/ 알림 rprt/ 리포트탭 sett/ 설정 tax/ 세무탭 trns/ 일반송금 user/ 사용자 vwmr/ 더보기탭 |
|
| HTML 마크업 템플릿 | publGuide/ | markupUIkit/index.html | |
| HTML Index | index.html | 업무별 HTML 페이지 화면 목록 | |
| 공통 CSS 01.(세모리포트 모바일) | css/ |
semoR_base.css semoR_common.css |
|
| 공통 CSS 02.(라이브러리) | css/ |
mobiscroll.jquery.min.css swiper-bundle.min.css |
|
| 업무 CSS | css/ |
semoR_style.css semoR_rept.css |
semoR_rept.css 보고서 4종(사업분석, 매출매입, 인건비, 예상 부가세) |
| 공통 Font 01. | font/ |
Pretendard-Medium.woff2 Pretendard-SemiBold.woff2 Pretendard-Bold.woff2 |
|
| 이미지 리소스 01. | img/ |
ico_파일이름.xxx img_파일이름.xxx banner_파일이름.xxx logo_파일이름.xxx bk_파일이름.xxx card_파일이름.xxx |
bk(계좌), card(카드) |
| UX용 JS 01.(세모리포트 모바일) | js/ | semoR_ui.js | |
| UX용 JS 02.(라이브러리) | js/ |
jquery-3.5.1.min.js jquery-ui.min.js |
· 개발에서 배포되는 버전과 동일한 파일 · jquery-ui v1.13.2 |
| UX용 JS 03.(라이브러리) | js/ |
mobiscroll.jquery.min.js chart-3.5.1.min.js swiper-bundle.min.js lottie.js |
· 개발에서 배포되는 버전과 동일한 파일 · mobiscroll v5.16.0 · swiper v7.2.0 · lottie(json 형식의 경량화된 이미지 라이브러리) |