노드 생성 <!DOCTYPE html> <head> <style> table {border-spacing: 0; border-collapse: collapse;} thread th, tbody td { border: 1px solid black; ...
[JavaScript] 노드 속성 변경(select로 그림바꾸기)
속성과 css속성변경 노드의 일반 속성을 바꿀때는 노드.속성명을 이용 노드의 css속성을 바꿀 때는 style속성을 이용 css의 속성명은 카멜표기법을 따른다 노드의 style에 전달되는 값은 문자열로 작성 <!DOCTYPE html> <head></head> <body> ...
[JavaScript] 노드 선택
DOM(DocumentObjectModel) JavaScript Core(Ecma Script Specification) 변수, 데이터형, 제어루프, 조건문 등 Script 프로그래밍 언어의 핵심 기능이 포함되어 있다. 웹브라우저에 따라 다르고, 기능을 추가하거나 제거할 수 있다. JavaScr...
[JavaScript] 인라인 이벤트 방식
#이벤트 화면에서 클릭이나, 동작시 발생하는 동적인 기능이다 태그와 스크립트의 이벤트를 연결 하는 방식에는 1.인라인 이벤트 모델 2.기본 이벤트 모델 3.표준 이벤트 모델 이 있으며, 이벤트 앞에 on을 붙인다. <!DOCTYPE html> <head></head> <body> <b...
[JavaScript] JSON(Javascript Object Notation)
#JSON JSON은 자바스크립트 객체로 구성된 데이터이다 JSON을 이용하여 원격에 있는 데이터를 주고받을 수 있는데 ‘문자열 형’으로만 주고받을 수 있고 JSON.parse()는 문자열 -> JSON JSON.stringfiy()는 JSON -> 문자열 으로 변환한다 <script> var data = [ ...
[JavaScript] 객체(Object)
#객체(Object) 자바스크립트의 객체는 {키:값}로 표기됩니다. 자바스크립트의 객체는.을 찍어 접근한다. Java의 Map과 비슷하다 <script> //객체 생성 var person ={name: "홍길동", age: 20, arr:[1,2,3]}; //객체에 접근하는 첫번째 방법 console.log...
[JavaScript] 전역변수와 지역변수
#전역변수 페이지 전역에서 사용할 변수는 함수 밖에 선언 하고 전역변수라고 한다. #지역 변수 함수 안에서 사용할 변수는 함수 안에 선언하고 지역변수라고 한다. if,for문 안에 선언된 변수는 중괄호 밖에서도 사용 가능하다. <script> //전역변수 사용 var num1 = 50; if(num1 === 50){ ...
[JavaScript] 매개변수와 리턴
#매개 변수 -함수가 필요한 값을 전달하는 매개체 -아무것도 적지 않을 수 있고, 여러개 받을 수 있으며 ,로 연결 가능 -자바스크립트의 매개 변수는 함수를 호출하는데 영향을 끼치지 않음 #return -메서드 실행 결과를 돌려주는 반환 값이다 -자바스크립트의 return 뒤에 함수 실행 후 돌려 줄 값을 적는다 -return false를 만나면 함...
[JavaScript] 함수
자바스크립트는 객체 지향/ 절차지향 과는 다르게 함수지향형 언어이다. Java나 C언어에서는 함수를 사용할 때 약속된 형태로 이용하는데 반해 Javascript에서는 자유롭게 사용할 수 있다. - 1급 최상위 함수 지원 함수 - 코드를 블럭화 하여 재사용을 용이하게 함 #선언적 함수 일반적으로 이름을 붙여서 사용하는 함수 function n...
[JavaScript] 기본 문법
#1 브라우저에 html p 태그와같이 출력하는 기능 document.write("브라우저 출력") #2 브라우저에 개발자 모드(F12) 내에 콘솔로 출력하는 기능 console.log("콘솔창 출력") console.log("확인") #3 브라우저에 경고장을 출력하는 기능 alert("경고장 출력!"); #4 브라우저에 확인 창을 출력하는...