이클립스는 노트패드나 에디트 플러스와 같은 단순한 편집기가 아니기 때문에 툴에 대한 적응기간이 필요하며, 구조는 단순하나 복잡한 숨은 기능이 많이 있다.





이클리스는 이클립스 홈페이지에서 다운받을 수 있다.


https://www.eclipse.org/downloads/




다운받은 프로그램을 실행하면 아래와 같다.


각자 용도에 맞는 프로그램을 다운받으면 되는데 JSP 사용을 위해 다운받을 프로그램은 'Eclipse IDE for EE Developer' 이다.



설치를 완료했으면 기본적으로 설정해야할 것이 있다.


꼭 해야하는 건 아니기 때문에 필요하지 않다면 생략해도 된다.


[Window] -> [Preference]를 선택하면 이클립스의 옵션들을 조정할 수 있는데 기본적인 설정들은 General 항목 아래에 있다.


( [Show line numbers]를 선택하면 행 번호가 표시된다. )


( 텍스트 인코딩 값을 설정할 수 있다. )


( JSP와 관련된 기본 인코딩 설정을 변경할 수 있다. )


( HTML 파일 인코딩 설정 )

( JSP 파일 인코딩 설정)







인코딩 방식의 차이다.


utf-8은 조합형 문자로 인코딩을 하는 유니코드 방식을 사용한다. 한글 글자는 하나가 3byte로 취급된다.


반면 euc-kr은 완성형 문자로 인코딩을 하는 방식이며, 한글 글자는 하나가 2byte로 취급된다.


euc-kr 보다 utf-8 방식이 사용할 수 있는 언어가 더 많기 때문에 utf-8 방식을 많이 사용한다.




※ 윈도우의 메모장에서는 utf-8로 저장시 자동으로 BOM(Btye Order Mark)을 붙여서 저장하는데, 

BOM은 리눅스 등의 환경에서 문제를 일으킬 수 있기 때문에 사용하지 않는 것이 좋다.

'Web development > HTML & CSS' 카테고리의 다른 글

CSS 초기화 파일(초기화 코드)  (0) 2017.07.15
HTML 기본 구조(기본 틀, 초기설정, 세팅)  (0) 2017.07.15
HTML 태그 요약  (0) 2017.07.14
HTML 문서 구조  (0) 2017.07.13
HTML 이란 무엇일까?  (0) 2017.07.13

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>타이틀입니다</title>

</head>

<body>

내용

</body>

</html>



위 소스는 html에서 쓰는 가장 기본적인 구조이다.


<!doctype> 이란 것은 문서 유형을 지정하는 것이며 html 문서이며 html5에 맞춰서 문서를 해석하라는 뜻이다.


<html> 이란 태그는 웹 문서의 시작을 알리는 것이며 </html> 은 웹 문서의 끝을 알린다.


참고로 태그는 / 를 이용하여 닫으며 태그를 선언하면 항상 닫아줘야 한다. <태그></태그>


<head>는 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알고 있어야 할 것들을 입력하는 곳이다.


ex) 문서에서 사용하는 외부 파일들, <title>(문서제목), <meta>(문자 인코딩 및 문서 키워드, 요약 정보)


<body> 태그는 실제 브라우저에 나타나는 내용들을 쓰는 곳이다. 우리가 알고 있는 이미지, 글 모두 이곳에 작성한다. 

'Web development > HTML & CSS' 카테고리의 다른 글

CSS 초기화 파일(초기화 코드)  (0) 2017.07.15
HTML 기본 구조(기본 틀, 초기설정, 세팅)  (0) 2017.07.15
UTF-8 과 EUC-kr  (0) 2017.07.14
HTML 태그 요약  (0) 2017.07.14
HTML 이란 무엇일까?  (0) 2017.07.13

+ Recent posts