본문 바로가기
728x90
반응형

bootstrap3

[JSP] 회원 관리 웹 어플리케이션 (EL/JSTL 적용, 웹 프로그램 경로, BootStrap + Model2 설계) [ 웹 프로그램 경로 ] > Client client 측에 도달되는 HTML, CSS, JavaScript는 / 를 명시할 경우 port 다음으로 정보를 찾게 된다. > Server sever 측에서 실행되는 , (or JSTL )는 / 를 명시할 경우 자신의 웹 컨텍스트(웹 어플리케이션 명) 다음에서 정보를 찾게 된다. > 즉, html, javaScript, css 는 ${pageContext.request.contextPath}/ 를 명시해서 - 절대경로 웹 어플리케이션 아래에서 정보를 찾게하면 된다. [ 프로그램 진행 원리 및 개요 ] JSTL / EL 표현 + Model2 설계방식 ( + MVC / Singleton / Front Controller Pattern 적용) + Bootstrap +.. 2020. 9. 18.
[JSP] Include Action Tag - 페이지 모듈화 [ Include Action Tag ] 페이지 상에 동적인 페이지와 정적인 페이지를 구분하여, 효율을 높이기 위한 jsp tag이다. (Tiles Framework도 이와 같은 기능을 한다.) 기본 문법 * include 대상 파일은 실제 필요한 부분 (html 부분) 만 기술한다. ( + jsp 선언부 ) (그렇지 않으면 '페이지 소스보기'에서 보았을 때 확인할 수 있듯, html이 header, main, footer 등 여러 개로 얽힐 수 있다.) 적용 예제 (+bootstrap nav, grid) /header.jsp nav 적용 WebSiteName Home Page 1 Page 2 Page 3 /main1.jsp 메인1 화면입니다. /main2.jsp 메인2 화면입니다. /footer.jsp.. 2020. 9. 15.
[부트스트랩/BootStrap] 반응형 웹, 미디어쿼리, 부트스트랩(그리드, 테이블) [ 반응형 웹 ] 다양한 기기(모바일, 태블릿, PC 등)에 최적화된 화면을 제공하는 것을 말한다. 즉, 스마트 폰에서는 작은 화면에 최적화된 화면을 보여주고, PC와 같이 큰 화면에는 이에 최적화되도록 변경하여 보여주는 것을 의미한다. [ @media : 미디어 쿼리 ] HTML5, CSS3 에 의해 지원되는 미디어 쿼리는 반응형 웹의 핵심 기술이다. 미디어쿼리는 화면의 종류와 크기에 따라 디자인을 달리주는 CSS 기술이다. > 미디어쿼리를 사용하기 위한 선언부 (view meta tag) [ BootStrap 부트스트랩 ] 반응형 웹 사이트를 개발하기 위한 HTML, CSS, JavaScript의 프레임워크이다. > 공부를 위한 사이트 : https://www.w3schools.com/bootstra.. 2020. 9. 14.
728x90
반응형