[spring] pom.xml org.apache.maven.plugin.war.WarMojo 에러
에러 사유 - 메이븐에서 라이브러리를 내려받다 빼먹고 내려받았거나, 오류때문에 내려받지 못한 경우이다.
해결법 - Windows7 기준.
C:\Users\${users}\.m2\repository에 있는 의존 라이브러리를 전부 날리고 프로젝트를 재생성하여 다시 받는다.
부트 스트랩 사용법 및 레이아웃
부트스트랩 사용법
부트스트랩에 CND로 연결된 HTML의 클래스명으로 사용한다.
예)
<div class="container-fluid"> <div class="row"> <div class="col-sm-4" style="background-color:lavender;">.col-md-4</div> <div class="col-sm-4" style="background-color:lavenderblush;">.col-md-4</div> <div class="col-sm-4" style="background-color:lavender;">.col-md-4</div> </div> </div> |
container : 고정폭 길이 레이아웃 설정.(브라우저 해상도에 맞춘다.)
container-fluid : 고정폭에 100% 길이로 설정되는 레이아웃.
row : 한 줄 만들기
col-sm-4 : 칸 만들기
칸 설명 전 사전 설명.
부트 스트랩은 12그리드 방식(프레임워크마다 그리드 수가 다르다.) 프론트앤드 프레임워크이다.
예)
<div class="col-sm-8"></div> = 8칸 차지 <div class="col-sm-4"></div> = 4칸 차지 부족하거나 많으면 짜놓은 프레임이 깨진다. |
칸 만들기(레이아웃 구성) 구성요소(-로 구분)
col xm sm md lg |
칸 구성을 의미. 핸드폰 화면 기준 태블릿 화면 기준 PC화면 기준 큰 PC화면 기준 |
부트스트랩 기본
부트스트랩3
부트 스트랩이란?
부트 스트랩은 빠르고 쉽게 웹 개발을 하기위해 JQuery기반의 프론트앤드 프레임워크로, 타이포그래피, form양식, 버튼, 테이블 네비게이션 등을 제공한다.(보통 CND방식으로 사용함.)
html5로만 작성되며 모바일 최적화 페이지를 만들기 위해 사용한다.
기본 형식
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <!--[if IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <scirpt src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <h1>Bootstrap</h1> </body> </html> |
