프론트 관련 질문 입니다.
- 작성자 :
- 한*희
- 작성일 :
- 2023-06-12 18:46:57
- 조회수 :
- 539
- 구분 :
- 호환성확인
- 진행상태 :
- 완료
Q
프레임워크에서 제공하는 EgovMobile-1.4.5.css 와 jquery-mobile.css , theme-1.1.1.css 이 세가지 외 직접 페이지마다
css 파일을 생성하여 적용을 시켜줘도 호환성과 무관한지 궁금하며 html 클래스명에 경우 정해진 규칙이 따로 있는지 궁금합니다.
header에 경우 data-role="header" 이런식으로 사용을 하게 되는데 data-theme에 a타입으로 가정했을때 해당 타입에 들어간 css 코드를
커스텀해서 수정을 진행해도 되는지 궁금합니다. 직접 수정을 해야되는건지 아니면 클래스명을 지정해준후 해당 클래스명을 선택해 css 코드를 짜야 되는지
궁금합니다.
그리고 header.jsp
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- eGovFrame Common import -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/egovframework/mbl/cmm/jquery.mobile-1.4.5.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/egovframework/mbl/cmm/EgovMobile-1.4.5.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/egovframework/mbl/com/uss/ussCommon.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/egovframework/mbl/cmm/jquery-1.11.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/egovframework/mbl/cmm/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/egovframework/mbl/cmm/EgovMobile-1.4.5.js"></script>
</head>
<body>
상단 코드와 같이 header와 footer를 따로 분리하여 include해서 content만 작성하여 사용해도 용이한지 궁금합니다.
css 파일을 생성하여 적용을 시켜줘도 호환성과 무관한지 궁금하며 html 클래스명에 경우 정해진 규칙이 따로 있는지 궁금합니다.
header에 경우 data-role="header" 이런식으로 사용을 하게 되는데 data-theme에 a타입으로 가정했을때 해당 타입에 들어간 css 코드를
커스텀해서 수정을 진행해도 되는지 궁금합니다. 직접 수정을 해야되는건지 아니면 클래스명을 지정해준후 해당 클래스명을 선택해 css 코드를 짜야 되는지
궁금합니다.
그리고 header.jsp
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- eGovFrame Common import -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/egovframework/mbl/cmm/jquery.mobile-1.4.5.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/egovframework/mbl/cmm/EgovMobile-1.4.5.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/egovframework/mbl/com/uss/ussCommon.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/egovframework/mbl/cmm/jquery-1.11.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/egovframework/mbl/cmm/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/egovframework/mbl/cmm/EgovMobile-1.4.5.js"></script>
</head>
<body>
상단 코드와 같이 header와 footer를 따로 분리하여 include해서 content만 작성하여 사용해도 용이한지 궁금합니다.
환경정보
-
- OS 정보 :
- 표준프레임워크 버전 :
- JDK(JRE) 정보 :
- WAS 정보 :
- DB 정보 :
- 기타 환경 정보 :
A
안녕하세요.
표준프레임워크 센터입니다.
표준프레임워크는 java 기반의 정보시스템 구축에 활용하실 수 있는
개발 및 운영 표준 환경을 제공하기 위한 것으로
UX나 View 단에 관련해서는 사업단의 목적이나 편리성에 맞게
적절한 UX 프레임워크를 적용하시거나
상용 UX를 도입하셔도 무관합니다.
표준프레임워크 적용 관련하여 자세한 사항은
적용점검 서비스 관련하여 확인하실 수 있습니다.
https://www.egovframe.go.kr/home/sub.do?menuNo=67
[가이드 다운로드]를 클릭하시면
좀 더 자세한 안내 문서를 확인하실 수 있습니다.
감사합니다.
표준프레임워크 센터입니다.
표준프레임워크는 java 기반의 정보시스템 구축에 활용하실 수 있는
개발 및 운영 표준 환경을 제공하기 위한 것으로
UX나 View 단에 관련해서는 사업단의 목적이나 편리성에 맞게
적절한 UX 프레임워크를 적용하시거나
상용 UX를 도입하셔도 무관합니다.
표준프레임워크 적용 관련하여 자세한 사항은
적용점검 서비스 관련하여 확인하실 수 있습니다.
https://www.egovframe.go.kr/home/sub.do?menuNo=67
[가이드 다운로드]를 클릭하시면
좀 더 자세한 안내 문서를 확인하실 수 있습니다.
감사합니다.
