Preferences > Settings 들어가서 아래 항목 추가. 

"trim_trailing_white_space_on_save": true

{
	"color_scheme": "Packages/Colorsublime - Themes/cache/Colorsublime-Themes-master/themes/1337.tmTheme",
	"trim_trailing_white_space_on_save": true,
	"ignored_packages":
	[
		"Vintage"
	]
}

• 최근 미국의 한 시장조사 기관이 글로벌 e러닝 시장이 향후 5년간 연평균 두 자릿수 %대 이상의 고성장을 지속할 것이라고 전망한 보고서를 내놓은 가운데, e러닝 컨텐츠 제작 단계에서 표준화가 아직 미비되어 있어 제작 표준화가 시급하다는 의견을 표명

e러닝 시장의 고성장세가 이어질 것으로 예상되며 이를 위한 수요 펀더멘털과 기술적 제반 여건도 강화되고 있는 중. 다만 컨텐츠 인증에는 새 웹 표준으로 대두되고 있는 HTML5가 메인스트림 프로그래밍 언어로 사용될 것으로 예상되고는 있으나, 컨텐츠 제작의 표준은 아직 명확하지 않은 단계

• 최근 효율 높은 오픈소스 LMS(Learning Management System, 학습관리 시스템)이 계속 등장하고 있고, 이에 이용자가 보다 손쉽게 교육용 컨텐츠에 접근하는 것은 물론 질의응답과 스케쥴 관리, 교육자와의 의사소통 등이 간편해 지면서 e러닝 시장도 고성장 할 것으로 예상. 실제로, 많은 대학이 온라인을 통해 공개 강의 강좌를 개설하고 있으며 여러 대학이 연합하여 과거 강의를 무료로 열람할 수 있는 웹 사이트를 개설하는 등 e러닝 시장의 성장 가능성은 상당히 높은 것으로 평가

• 이에 교육 자료를 제공하는 측에서도 강의 자료가 웹 상에서 정상적으로 작동할 수 있도록 제작해야 할 필요성이 대두. 과거 초기 단계의 e러닝 컨텐츠는 일부 웹 브라우저에서만 구동되거나, 구동되더라도 오류가 잦게 나는 등의 문제점을 보유

• 현재 제작한 컨텐츠를 웹 브라우저 상에서 권한 인증하는 절차는 앞으로 HTML5 표준에 따르게 될 것으로 예상. 웹 표준화 그룹 W3C가 HTML5를 다음 웹 표준으로 권고하면서, 브라우저 인증 프로그래밍 기술로 HTML5를 활용하는 경우가 계속 늘어나는 현상이 관찰

• 그러나 컨텐츠 제작과 관련해서는 각 강의 제공 기관이 참고할 만한 표준이 없는 상태. 이는 기본적으로 기술적인 측면에서 전문가가 부족하고, 이를 주도할 만한 단체도 없기 때문. 이와 같은 문제가 향후 e러닝 시장의 성장을 방해하는 요인이 될 수도 있을 것으로 예상

e러닝 시장이 성장할 것으로 예상되는 가운데, 컨텐츠 인증 프로토콜은 HTML5 표준을 따르게 될 것으로 전망. 다만 컨텐츠 제작 표준은 아직 없으며, 시장 성장을 위해서 표준확립이 필요할 것으로 판단

• 웹의 발달로 교육 시장도 앞으로 고성장할 것으로 보이는 가운데, 현재 시장에는 표준 확립을 주도하는 명확한 주체가 없는 상태

https://www.koreahtml5.kr/front/reference/referenceView.do?bbsId=BBS_00000000006

jQuery - Back button Detect, reload  http://www.vvaves.net/jquery-backDetect/

브라우저에서 뒤로가기 버튼 선택시 페이지를 리로드해주는 쿼리. 

단, 라이브러리를 업로드해야 한다. 

https://github.com/ianrogren/jquery-backDetect

backDetect

Determining when a user clicks their browser's back button has never been easier with this jQuery plugin. With a quick easy install and minimal set up work you'll be firing callback functions on back button declarations in no time.

View the Project on GitHubianrogren/jquery-backDetect

• DownloadZIP File
• DownloadTAR Ball
• View OnGitHub

Using jQuery-backDetect

Can append to any element or class:

$(window).load(function(){ $('body').backDetect(function(){ // Callback function alert("Look forward to the future, not the past!"); }); });</script>

Click the back button to test.

jQuery - URL add Hash, get HashjQuery - URL add Hash, get Hash

var url = $(location).attr("href");

url.substring(url.indexOf('#'));

window.location="#222" 

rel="canonical" 링크 태그 사용
페이지 헤더에  태그를 사용하여 페이지가 다른 페이지의 중복 페이지라고 밝힐 수 있습니다.

다양한 URL로 콘텐츠에 액세스할 수 있지만 https://example.com/dresses/green-dresses를 표준 URL로 설정하고 싶은 경우 다음 단계를 사용해 이 URL이 표준 URL임을 나타내세요.

rel="canonical" 링크 요소를 사용하여 모든 중복 페이지를 표시합니다. 
다음과 같이 rel="canonical" 속성이 포함된  요소를 중복 페이지의  섹션에 추가하여 표준 페이지로 연결되도록 합니다.
https://example.com/dresses/green-dresses" /> 표준 페이지에 모바일 변형 페이지가 있는 경우 rel="alternate" 링크를 추가하여 페이지의 모바일 버전으로 연결되도록 합니다.
http://m.example.com/dresses/green-dresses"> 페이지에 적합한 hreflang 또는 다른 리디렉션을 추가합니다. rel="canonical" 링크 요소에는 상대 경로보다는 절대 경로를 사용하세요.
권장되는 구조:  https://www.example.com/dresses/green/greendresss.html
권장되지 않는 구조: /dresses/green/greendress.html​

요약

• rel="canonical" 및 rel="alternate" 요소로 <link> 태그를 지정하여 두 URL 간의 관계를 알립니다.

• 사용자 에이전트 문자열을 감지하고 적절하게 리디렉션합니다.

데스크톱과 모바일 URL의 사이트설정

Google 알고리즘이 별도 모바일 URL을 이해하도록 하려면 다음 사이트설정을 사용하는 것이 좋습니다.

1. 데스크톱 페이지에 해당 모바일 URL을 가리키는 특별한 link rel=”alternate” 태그를 추가합니다. 이렇게 하면 Googlebot이 사이트의 모바일 페이지 위치를 찾을 수 있습니다.
2. 모바일 페이지에 해당 데스크톱 URL을 가리키는 link rel=”canonical” 태그를 추가합니다.

Google에서는 이 사이트설정을 페이지 자체의 HTML에 포함하거나 사이트맵에 포함하는 등 2가지 방식을 지원합니다. 예를 들어 데스크톱 URL이 http://example.com/page-1이고 해당하는 모바일 URL이 http://m.example.com/page-1이면 사이트설정은 다음과 같습니다.

HTML에서 사이트설정

데스크톱 페이지(http://www.example.com/page-1)에 다음을 추가하고

<link rel="alternate" media="only screen and (max-width: 640px)"
 href="http://m.example.com/page-1">

모바일 페이지(http://m.example.com/page-1)의 필수 사이트설정을 다음과 같이 구성합니다.

<link rel="canonical" href="http://www.example.com/page-1">

모바일 URL에서 데스크톱 페이지를 가리키는 rel="canonical" 태그는 필수입니다.

https://developers.google.com/search/mobile-sites/mobile-seo/separate-urls?hl=ko

실행이 되지 않을 뿐더러... 컴파일도 되지 않는 상황이 전개되기 때문이다.
이경우는 다음과 같은 순으로 작업중인 문제의 프로젝트를 다시 빌드해볼 필요가 있다.

다음은 Package Explorer에서 수행할 수 있다. (혼선을 피하기 위해 메인메뉴의 사용 설명은 배제한다)

[1] 프로젝트 -> Run As -> Maven Clean
프로젝트를 선택하고 마우스 우클릭으로 팝업메뉴를 호출한다음 "Run As"메뉴를 선택한 후, 하위메뉴의 "Maven Clean"을 호출한다.
결과는 target폴더 아래에 기존의 작업결과로 작성된 모든 컴파일 및 빌드정보들을 삭제함을 확인할 수 있다.

[2] 프로젝트 -> Maven -> Update Project Configuration
프로젝트를 선택하고 마우스 우클릭으로 팝업메뉴를 호출한다음 "Maven"메뉴를 선택한 후, 하위메뉴의 "Update Project Configuration"을 호출한다.
망가진 프로젝트에 대해서 POM.xml에서 정의한 바대로 컴파일러, 빌드패스 등 플러그인의 환경설정을 다시 적용한다.

[3] 프로젝트 -> Maven -> Update Dependencies
프로젝트를 선택하고 마우스 우클릭으로 팝업메뉴를 호출한다음 "Maven"메뉴를 선택한 후, 하위메뉴의 "Update Dependencies"을 호출한다.
사용자가 작업중인 프로젝트에 대해서 사용중인 라이브러리(종속 라이브러리)를 점검하여 누락되거나 버전이 맞지 않는 경우 등을 점검한 후 Maven Repository를 새롭게 갱신한다. 즉, 사용자가 사용하는 라이브러리들이 정상적인지 점검한 후, 바로 잡는 것이다.
위 설명은 메이븐의 구버전인 경우에 해당한다. 신 버전인 경우에는 위 메뉴(Update Dependencies)가 존재하지 않는다. 아마도 "Update Project Configuration"만 수행해도 종속 라이브러리들을 갱신/관리하는듯하다.

[4] 프로젝트 -> Run As -> Maven install
프로젝트를 선택하고 마우스 우클릭으로 팝업메뉴를 호출한다음 "Run As"메뉴를 선택한 후, 하위메뉴의 "Maven Install"을 호출한다.개발중인 프로젝트에 메이븐을 설치(적용)한다.이때, 현재 프로젝트의 상태를 컴파일하고 배포를 위한 WAR파일까지 생성해 둔다.여기까지만 해도 프로젝트가 정상적으로 컴파일 및 실행이 되기도 한다.

[5] 프로젝트 -> Run As -> Maven Build
프로젝트를 선택하고 마우스 우클릭으로 팝업메뉴를 호출한다음 "Run As"메뉴를 선택한 후, 하위메뉴의 "Maven Build"을 호출한다.
프로젝트 환경설정 정보를 이용하여 Maven으로 프로젝트를 다시한번 빌드하는 것이다.
굳이 필요하지 않을 수 있으나.. 간혹 수행해야할 때도 있다.

[6] 프로젝트 -> Run As -> Run on Server
프로젝트를 선택하고 마우스 우클릭으로 팝업메뉴를 호출한다음 "Run As"메뉴를 선택한 후, 하위메뉴의 "Run on Server"을 호출한다.
프로젝트를 실행하는 것이다.
물론, 위에서 설명하지 않은 다른 방법으로 실행해도 된다.

http://m.blog.daum.net/_blog/_m/articleView.do?blogid=0XrpC&articleno=160