이클립스 실행

  1. 워크스페이스(workspace) : 작업 공간(작업폴더)

  2. 프로젝트(project) 생성 : 애플리케이션 개발의 필요하는 코드파일의 폴더

    1. 메뉴 → File → New → static web project

    2. 프로젝트 이름 : 아무거나 (프로젝트 용도에 따라서)

    3. 프로젝트 경로 : Default

    4. 나머지는 기본(Default)값

  3. 프로젝트 구조

    1. 프로젝트 아이콘 : 폴더에 지구 아이콘, JS
    1. 프로젝트 Public 폴더 → 지우면 안됨!

    스크린샷(8).png

    → 폴더 생성 (코드는 html폴더 안에) ; file → new → folder

  4. HTML 파일 생성

    1. public 폴더 오른쪽 클릭 → New → HTML file

    2. 파일명(아무거나).html

  5. 프로젝트 실행

  6. 서버에 프로젝트 올리기[ Run On Server ] * 서버 하나만 만들기!

    스크린샷(2).png

    1. Basic → HTTP Preview → Next>

    스크린샷(4).png

    1. 해당 프로젝트 오른쪽 add → Finish
  7. 하단 메뉴에 Server 탭 [서버들의 목록]

    스크린샷(6).png

  8. 로컬 실행

    스크린샷(9).png

    스크린샷(10).png

    1. 해당 HTML 파일 오른쪽 클릭 → Open With → Web Browser

    스크린샷(11).png

    스크린샷(12).png

    스크린샷(14).png

    스크린샷(15).png

    1. 해당 HTML 파일 오른쪽 클릭 → properties → 경로 맨 끝 아이콘 버튼 →해당 경로의 html 파일 오른쪽 클릭 → 연결프로그램(Chrome, 크롬)

    → 만약, 기본 프로그램이 크롬(Chrome)이라면 연결프로그램 안하고 바로 파일 눌러도 된다!

스크린샷(13).png