달력

1

« 2020/1 »

  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  

프로젝트 생성

File > New > Dynamic Web Project

   

File > New > Folder

   

ch01-first폴더 선택 > 마우스 우클릭 > New > HTML file

   

New HTML File (5) 선택

Finish

   

   

소스 코드

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Hello HTML5</title>

</head>

<body>

<h1>Hello World!</h1>

<p>Hi HTML5</p>

</body>

</html>

   


   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML 기본 구조  (0) 2014.10.01
CSS 개요  (0) 2014.09.25
01.html-Hello World  (0) 2014.09.13
HTML Color Names  (0) 2014.09.05
HTML파일 인코딩 변경하기  (0) 2014.08.27
자바스크립트 소스 파일(.js) 생성 방법  (0) 2014.08.20
Posted by codedragon codedragon

댓글을 달아 주세요

New > Dynamic Web Project

   

Sencha Touch라이러리를 보관할 별도의 폴더 생성

touch 입력

Finish

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

00.jQuery 기본  (0) 2014.08.31
객체 생성1  (0) 2014.08.26
프로젝트 생성  (0) 2014.08.24
jQuery API 문서 2  (0) 2014.08.23
객체 (Object)  (0) 2014.08.19
전역객체, 전역변수, this바인딩  (0) 2014.08.17
Posted by codedragon codedragon

댓글을 달아 주세요

  • TomCat설치 파일 다운로드

    Tomcat 서버 설치: web server 설치

    http://tomcat.apache.org > Downloads > Tomcat 7 Downloads > Binary Distributions > Core: zip 다운로드

       

       

       

  • Tomcat 설치파일 압축 해제

    설치 없이 다운받은 파일을 압축해제해서 바로 사용할 수 있습니다.

    압축을 풉니다. 압축을 푼 파일은 eclipse에서 연동해서 사용하게 됩니다.

    (eclipse와 tomcat 연결: project생성 후 서버와 연결하가 위함)

       

       

  • Tomcat 설정 및 Dynamic Web Project 생성

    eclipse를 실행합니다.

       

    Dynamic Web Project로 HTML프로젝트를 생성하겠습니다.

    Poject Explorer > 마우스 우클릭 > new > Dynamic Web Project 클릭

    또는 메뉴에서 File > New > Dynamic Web project선택

       

    -Project name: HTML 입력한 후

    -Target runtime 옆에 있는 New Runtime버튼을 클릭합니다.

       

    Apache에 다운 받은 Tomcat버전을 선택(Apache Tomcat v7.0)선택 >

    Next버튼 클릭

       

    Tomcat intallation directory: 의 Browse버튼을 클릭

       

    Tomcat을 다운받아 압축을 푼 폴더 경로를 선택 >

    확인

       

    Finish

       

    Project name(HTML)과 Target runtime(Apache Tomcat v7.0)이 선택된 것을 확인한 후 Finish버튼을 클릭합니다.

       

  • eclipse와 Tomcat 정상 연결여부 확인

    HTML 프로젝트에 index.html파일을 생성한 후 Hello World!를 출력해 보겠습니다.

    Poject Explorer > HTML > WebContent폴더 선택 > 마우스 오른쪽 버튼 > New > HTML file 항목을 선택합니다.

       

    File Name: index.html 파일 생성 > Next 클릭 > Templates: New HTML File(4.01 transitional) 선택 > Finish버튼 클릭합니다.

       

    Next버튼을 눌러 HTML버전에 따른 템플릿을 선택할 수 있습니다.

       

       

    Run As > Run on Sever 클릭

       

       

    *Select HTML Template창에서 구분된 왼쪽 부분은 로컬에서 구동하게 되고 / 오른쪽 부분은 서버에 연결하여 구동하게 됩니다. 오른쪽에 HTML프로젝트를 확인할 수 있어 Tomcat서버와 연결되었음을 확인할 수 있습니다.

       

       

       

    정상적으로 웹서버가 설치되었습니다.

       

    *Tomcat과 연결되어 있지 않으면 Tomcat의 아래폴더에 직접 집어 주어야 합니다.

    C:\javanAndroid\apache-tomcat-7.0.52\apache-tomcat-7.0.52\webapps

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML5와 CSS3 사용의 장점  (0) 2014.06.05
HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
01.html-시멘틱 태그  (0) 2014.05.20
HTML5 시멘틱 태그  (0) 2014.05.20
Posted by codedragon codedragon

댓글을 달아 주세요

New > Dynamic Web Project

   

Sencha Touch라이러리를 보관할 별도의 폴더 생성

touch 입력

Finish

   

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

00.변수와 자료형  (0) 2014.05.24
Sencha Touch(센차터치) 라이브러리 설치  (0) 2014.05.24
Sencha Touch, 프로젝트 생성  (0) 2014.05.24
Sencha API 문서  (0) 2014.05.24
SenchaTouch, 센차터치 홈페이지  (0) 2014.05.24
00.javascript basic  (0) 2014.05.23
Posted by codedragon codedragon

댓글을 달아 주세요

프로젝트 생성

File > New > Dynamic Web Project

   

File > New > Folder

   

ch01-first폴더 선택 > 마우스 우클릭 > New > HTML file

   

New HTML File (5) 선택

Finish

   

   

소스 코드

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Hello HTML5</title>

</head>

<body>

<h1>Hello World!</h1>

<p>Hi HTML5</p>

</body>

</html>

   


   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
01.html-시멘틱 태그  (0) 2014.05.20
HTML5 시멘틱 태그  (0) 2014.05.20
ch01-first / 01.html-Hello World  (0) 2014.05.17
Posted by codedragon codedragon

댓글을 달아 주세요