모바일 우선 주의 웹 개발 검토


웹 디자인 (택1)

반응형 웹
하나의 템플릿을 사용해 모든 기기에 대응
적응형 웹
선별된 기기 유형에 따라 별도의 템플릿 준비

CSS 방법론

BEM
블록(Block), 요소(Element), 수식어(Modifier)

프로그래밍 언어


기본 컴포넌트

폰트
구글 폰트
- GitHub (Star: 11,644)
기본 아이콘
폰트어썸 (ver 5.6.3)
- GitHub (Star: 58,449)

그리드 컴포넌트 (택1)

그리드 (외산)
그리드 (국산)
그리드 (오픈소스)

UI/UX 플랫폼 (택1)

(화면 배포 방식) HTML5 태그
  1. 인젠트 아이젭
  2. 소프트보울 SBUx
  3. SAP SAPUI5
(화면 배포 방식) 자체 스펙
  1. 인스웨이브 웹스퀘어
  2. 투비소프트 넥사크로 플랫폼 17
  3. 소프트베이스 엑스프레임5
  4. 토마토시스템 엑스빌더6

CSS 프레임워크

부트스트랩 (ver 4.2.1)

GitHub (Star: 12,984)

자바스크립트 프레임워크 (택1)

리액트

GitHub (Star: 119,190)
뷰.js

GitHub (Star: 17,770)
앵귤러

GitHub (Star: 1,022)

서버 프레임워크

전자정부표준프레임워크 (ver 3.7.0)

- GitHub (Star: 9)

제약 사항

한국정보화진흥원