답답해서 찾아보다가 앗! 이거 설명이 좀 쉽네. ㅎㅎ

https://all-record.tistory.com/165

ST3에서 Ctrl + Shift + P로 패키지 팔렛트를 호출한 다음에 팔렛트 창에 install을 입력하면 Package Control: Install Package만 보이고 (위에 그림 참고), Package Control: Install Package를 선택한 다음에 CovertToUTF8을 찾아서 설치한다.

오라클 아이디, 비밀번호 필요하니까 가입하자!

https://www.oracle.com/

https://www.oracle.com/kr/database/technologies/appdev/sql-developer.html

https://www.oracle.com/technetwork/developer-tools/sql-developer/downloads/index.html

In Eclipse from your project:

1. Right-click on your project
2. Click Properties
3. Java build path: Libraries; Remove the "JRE System Library[J2SE 1.4]"
4. Click Add Library -> JRE System Library
5. Select the new "Execution Environment" or Workspace default JRE

https://stackoverflow.com/questions/3138384/warning-build-path-specifies-execution-environment-j2se-1-4

이클립스에 기존 프로젝트를 import 한 후, 아래와 같은 warning 이 발생하는 경우

Build path specifies execution environment JavaSE-1.6. warning. There are no JREs installed in the workspace that are strictly compatible with this environment.

아래와 같이 조치하시면 warning 이 제거됩니다.


* 프로젝트 Properties 메뉴를 클릭한다.

* Java Build Path 를 클릭한 후, Libraries tab 을 클릭한다.

* "JRE System Library" 를 제거한다.

* "Add Library..." 버튼을 클릭한 후, "JRE System Library" 를 선택하고 "Next" 버튼을 클릭한다.

Fiddler - 웹 디버깅 프록시  web debugging proxy

HTTPS도 보고 싶다면 아래와 같이 

Tools - Options - HTTPS - check!

...

CSS3 Media Queries

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

...