1️⃣ 자바 스크립트 입문

728x90

javascrip 는 자바와 같지 않다.

javascript : Nodejs, Vue, react, angler
Client 쪽 언어, front end 쪽 언어

목적 : 웹 브라우저의 tag를 접근하기 위한 스크립트이다.

보조 프로그래밍 언어.
컴파일을 하지 않는다. 해석만한다. -> 처리가 가볍다, 속도가 빠르다
Java Script 간략화, 경량화 -> JQuery

예) 회원가입 -> 빈칸이 있는지 조사, ID의 글자수를 조사, 패스워드에 숫자나 대소문자 포함 조사
CSS에 대해서 제어, 값을 구현, Timer를 설정해서 특수효과같은 처리가 가능

function
class

element(요소)
속성(Attribute) -> 특성(Property)
id -> 1개
class -> 다수 CSS
name -> 다수 CSS, Checkbox link

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	
	<!-- javascript != java
	
		javascript : Nodejs, Vue, react, angler
		Client 쪽 언어, front end 쪽
		목적 : 웹 브라우저의 tag를 접근하기 위한 스크립트
			보조 프로그래밍 언어.
			컴파일을 하지 않는다. 해석만한다. -> 처리가 가볍다, 속도가 빠르다
		Java Script 간략화, 경량화 -> JQuery
		
		예) 회원가입 -> 빈칸이 있는지 조사, ID의 글자수를 조사, 패스워드에 숫자나 대소문자 포함 조사
			CSS에 대해서 제어, 값을 구현, Timer를 설정해서 특수효과같은 처리가 가능
			
		function
		class
		
		element(요소)
		속성(Attribute) -> 특성(Property)
		id 		-> 1개	
		class	-> 다수  CSS
		name	-> 다수  CSS, Checkbox link
	 -->
	 
	<p id="demo">p tag id demo</p>
	 
	<script type="text/javascript">
	/*여기는 자바 스크립트 영역 한줄, 범위 주석문 가능*/
	
	console.log('Java Script가 실행되었음');
	
	//alert('Java Script가 실행되었음');
	
	var v = document.getElementById("demo").innerHTML;   // Getter,  p 안에있는 html 코드를 갖고온다.
	alert(v);
	
	document.getElementById("demo").innerHTML = 'id demo tag p'; // Setter
	
	var obj = document.getElementById("demo"); // p태그 라는 오브젝트 (resource)를 갖고온것
	alert(obj.innerHTML);
	
	
	</script>
	 
	 
	 
	 
	
</body>
</html>

저작자표시 (새창열림)

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

자바 스크립트 기초 문제/풀이 - 1️⃣ 📝 (0)	2021.03.02
5️⃣ 자바 스크립트 Date (0)	2021.03.02
4️⃣ 자바 스크립트 일반태그, 폼(from)태그 Getter와 Setter + 메소드 (0)	2021.03.02
3️⃣ 자바스크립트의 변수 var , let , const + ( foreach와 생성자 사용법 ) (0)	2021.03.02
2️⃣ 자바 스크립트 Inline , Internal , external 방식 (0)	2021.03.02

👨‍💻 코딩 도서관

1️⃣ 자바 스크립트 입문

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

댓글

티스토리툴바

1️⃣ 자바 스크립트 입문

'🚀 자바 스크립트 JavaScript' 카테고리의 다른 글

관련글

댓글

티스토리툴바