본문 바로가기
WEB/쉽게 배우는 HTML5 & CSS3 그리고 JavaScript 요약 정리

[HTML 요약정리] 02. 코드를 작성하고 실행하는 개발 환경 설정

by ssunooo 2024. 8. 6.

 

 

02-1. 자바, 톰캣, 이클립스 기반의 웹 개발 환경

 

  1. JDK(Java Development Kit) 다운로드, 설치 및 환경 변수 설정

    1) JDK 다운로드 및 설치

        오라클 사이트에서  무료프로그램으로 제공하며 다운로드 후 설치한다.
        자세한 다운로드 방법은 블로그에 있으므로 생략한다.

    2) 자바 환경 변수 설정

    환경 변수명 환경 변수 값
    PATH C: ₩Program Files₩Java₩jdk-17₩bin
    JAVA_HOME C: ₩Program Files₩Java₩jdk-17

    3) 자바 설치 테스트

        자바의 환경 변수가 제대로 설정되었는지, 명령 프롬프트 창에서 확인한다.


  2. 웹 컨테이너 톰캣(Tomcat) 다운로드, 설치 및 환경 변수 설정

    1) 톰캣 다운로드

        톰캣은 아파치 자카르타 프로젝트에 의해 만들어진 웹 컨테이너이다.
        무료로 제공되고 톰캣 다운로드 또한 블로그에 있으므로 생략한다.


  3. 통합 개발 환경 이클립스(Eclipse) 다운로드, 설치 및 실행

    1) 이클립스 다운로드

        이클립스 다운로드도 블로그에 자세한 설명이 있으므로 생략한다.

02-2. 클라우드 기반의 코드 학습 및 테스트 사이트를 사용한 웹 프로그래밍

 

1. w3schools.com

위 사이트는 온라인 웹 프로그래밍 사이트로 HTML, CSS, JavaScript는 물론 여러가지의 학습을 제공한다.

https://www.w3schools.com/

 

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

2. jsbin.com

 

위 사이트는 클라이언트 사이드 웹 프로그래밍 코딩 기능을 제공하는 사이트이다.

 

https://jsbin.com/?html,output

 

JS Bin

Sample of the bin:

jsbin.com

 

 

2024.08.06