[CSS] 반응형 웹 미디어 쿼리 (Media Query)
반응형 웹은 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC등 접속하는 디스플레이 종류에 따라서 화면 크기가 자동으로 변하게 해준다. 미디어 쿼리(Media Query)는 접속하는 장치에 따라서 CSS 스타일을 변경한다. PC로 접속하면 PC화면에 맞게, 스마트폰으로 접속하면 스마트폰 화면에 맞게 레이아웃을 변경한다. 웹 페이지 CSS를 모바일 화면 CSS로 변경해보자. 반응형 웹에서 CSS 스타일이 아닌 페이지 배율을 변경하고 싶다면 - 뷰 포트 (View Port) 미디어 쿼리 (Media Query) 1. CSS 파일 안에서 적용할 때 .title { // .title에 font-size를 100px로 적용 font-size: 100px; } @media (max-width: 600px) { //..
공백을 제거하는 방법에는 tirm을 이용한 방법과 replace를 이용한 방법이 있다. 공백 제거에 사용된 정규 표현식과 trim, replace를 알아보자. 정규 표현식 공통 부분 - gi g 모든 전역 (첫번째 일치하는 문자열을 찾아도 끝까지 찾는다) i 대소문자 구분 없이 문자열의 앞의 공백 제거 var text = " 가 나 다 "; text = text.replace(/^[\s\uFEFF\xA0]+/gi,''); alert(text); // "가 나 다 " ^ (문자열의 처음) \s (공백), \uFEFF (이스케이프된 빈 문자) + (일치하지 않을 때까지) \xA0 (이스케이프된 공백) 문자열의 뒤의 공백 제거 var text = " 가 나 다 "; text = text.replace(/[\s..
[Tomcat] 'Starting Tomcat'Starting Tomcat v8.5 Server at localhost' has encountered a problem. 에러
'Starting Tomcat'Starting Tomcat v8.5 Server at localhost' has encountered a problem. 이클립스 (Eclipse), STS (Spring Tool Suite) 에서 톰캣(Tomcat) 서버 실행 오류이다. 포트 번호를 수정해서 해결 할 수 있다. 포트 넘버 (Port Number)를 사용 중이지 않은 번호로 변경하면 해결된다. 변경 후 Ctrl + S 를 눌러 저장을 해야한다. 오라클(Oracle)에서 8080 기본 값으로 이미 사용 중이여서, 작성자는 8090으로 변경하였다.
