1. JDK(Java Development Kit)

  • JDK = JRE + 개발 도구
  • JDK는 Java 프로그램을 개발하고 실행하는 데 필요한 전체 패키지
  • 컴파일러(javac), 디버거(jdb), JAR 생성 도구(jar) 등을 포함
  • 개발 목적일 때 필요
JRE Java 프로그램 실행 환경 (JDK 안에 포함)
javac Java 컴파일러 (.java → .class)
java Java 실행 명령어 (.class 파일 실행)
jar JAR 파일을 생성하는 도구
jdb Java 디버거 (디버깅 도구)
jshell Java 코드 테스트 도구 (JDK 9부터 지원)

 

2. JRE(Java Runtime Environment)

  • JRE = Java 실행 환경 (JVM + 필수 라이브러리 포함)
  • JRE는 Java 프로그램을 실행하는 데 필요한 환경
  • Java 애플리케이션 실행은 가능하지만, 개발(컴파일) 불가능
  • Java 프로그램 실행만 필요할 경우
  • javac(컴파일러) 없음 → Java 코드 수정 불가
  • Java 애플리케이션 실행만 가능 (java 명령어 사용 가능)
JVM (Java Virtual Machine) 바이트코드를 실행하는 가상 머신
Java API 라이브러리 rt.jar (String, List, HashMap 등 기본 API 포함)
java 실행 파일 Java 애플리케이션 실행 (java 명령어)

 

JDK vs JRE 차이점 요약

구분 JDK JRE
설명 Java 개발 & 실행 가능 Java 실행만 가능
포함 관계 JDK 안에 JRE 포함 JDK가 필요 없음
Java 실행 (java 명령어) ✅ 가능 ✅ 가능
Java 컴파일 (javac 명령어) ✅ 가능 불가능
개발 도구 (디버거, JAR 생성 등) ✅ 포함 없음
사용 대상 개발자 (개발 + 실행) 일반 사용자 (실행만)

 

'백엔드 > Java' 카테고리의 다른 글

[Java] 예외처리(Exception)  (0) 2021.03.30
[Java] Thread(쓰레드)  (0) 2021.03.29
[Java] ImageIcon의 이미지 크기 변경하기  (0) 2021.03.25
[Java] 인터페이스(interface)  (0) 2021.03.16
[Java] 상속  (0) 2021.03.16

 

 

<head>
<script>
  $(document).ready(function() {
      $("#btn_hidden").click(function() {
          $("p").hide();
      });

      $("#btn_show").click(function() {
          $("p").show();
      });

      $(".btn_change").on({
          click: function() {
              $("p").css("color","red");
              },
              dblclick: function() {
              $("p").css("color","blue");
              }
      });
  });
</script>
</head>
<body>
	<div><p>안녕하세요.</p></div>
	<button id="btn_hidden">글자 숨기기</button>
	<button id="btn_show">글자 나타내기</button>
	<button class="btn_change">글자색 변경</button>
</body>

 

'프론트엔드 > JQuery' 카테고리의 다른 글

[JQuery] Ajax 답변삭제 팝업  (0) 2021.06.16
[JQuery] on 함수  (0) 2021.06.15
[JQuery] Ajax  (0) 2021.06.11
[JQuery] 부트스트랩 - Carousel(캐러셀) 만들기  (0) 2021.06.05
[JQuery] 선택자  (0) 2021.05.25

1. JQuery

JQuery는 자바스크립트의 확장판으로 사이트의 이벤트(동작)을 담당한다.
- HTML 뼈대 / CSS 스타일 / JQuery 이벤트(동작)

JQuery를 잘 사용하기 위해서는 셀럭터를 잘 선택할 줄 알아야한다.

 

 

2. JQuery 사용방법

 

Download jQuery | jQuery

link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download

jquery.com

 

 

3. JQuery 기본 문법

 

$(selector).action()

 

- $ = 제이쿼리를 나타내는 기호

- selector: 선택할 객체의 선택자

- action(): 실행할 함수(기능)

 

	$(document).ready(function() {  //body가 로딩되고 난 후 실행됨
		$("button").click(function() {
			alert("안녕하세요~");
		});
	});

element[속성~=값]: 해당 값이 특정 단어로 시작

element[속성^=값]: 특정 값으로 시작하는 객체

element[속성$=값]: 특정 값으로 끝나는 객체

element[속성*=값]: 특정 값을 포함하는 문서 객체

 

 

$(selecter).hasClass('foo'); // hasClass는 여러개 클래스를 멀티로 나열하여 체크할 수 없다.

$(selecter).is('.foo, .box, .test'); // is로 체크

'프론트엔드 > JQuery' 카테고리의 다른 글

[JQuery] Ajax 답변삭제 팝업  (0) 2021.06.16
[JQuery] on 함수  (0) 2021.06.15
[JQuery] Ajax  (0) 2021.06.11
[JQuery] 부트스트랩 - Carousel(캐러셀) 만들기  (0) 2021.06.05
[JQuery] 클릭 이벤트  (0) 2021.05.25

  유효성 검사를 위한 formCheck() 함수 기본 로직

<body>
	<input type="text" name="id" id="id">
	<input type="text" name="pass" id="pass">
	<button type="button" onclick="formCheck()">로그인</button>

	<script>
		function formCheck() {
			var id = document.getElementById("id");
			var pass = document.getElementById("pass");

			if (id.value == "") {
				alert("아이디를 입력하세요.");
				id.focus();
				return false;
			} else if (pass.value == "") {
				alert("비밀번호를 입력하세요.");
				pass.focus();
				return false;
			} else {
				alert("입력완료~~");
			}
		}
	</script>
</body>

'프론트엔드 > JavaScript' 카테고리의 다른 글

[JavaScript] 구글맵 마커 표시하기  (0) 2021.07.16
[JavaScript] url 파라미터 가져오기  (0) 2021.06.16
[JavaScript] JSON parse  (0) 2021.05.21
[JavaScript] JSON  (0) 2021.05.21
[JavaScript] window.onload  (0) 2021.05.20

JSON 형식의 텍스트를 JSON으로 변환하는 방법

	window.onload = function() {
		var text = '{"name":"홍길자"}';
		var obj = JSON.parse(text);
		
		document.getElementById("p1").innerHTML = obj.name;
	}

 

'프론트엔드 > JavaScript' 카테고리의 다른 글

[JavaScript] url 파라미터 가져오기  (0) 2021.06.16
[JavaScript] Validation Check  (0) 2021.05.21
[JavaScript] JSON  (0) 2021.05.21
[JavaScript] window.onload  (0) 2021.05.20
[JavaScript] 배열  (0) 2021.05.20

+ Recent posts

티스토리툴바