javascript

기본 출력 형식1) 경고창 alert("출력내용");2) console 출력 브라우저에서 f12로 console확인 console.log("출력내용");3) 화면 출력 document.write("출력내용") ==> body 하단에 DOM 객체로 특정 요소

document object model, js에서 효과적으로 동적인 처리를 하기 위해 화면을 객체로 인식하여 해당 객체의 속성을 로직에 의해서 변경하여 처리하는 객체 모델링 형태이다기본 코드1) 단일 객체 인식var obj01 = document.qeurySelecto

;(세미콜론)은 명령단위를 구분하기 위해서 사용하는데 줄 단위는 생략이 가능하다식별자(변수명)1) 키워드 사용금지, 숫자로 시작금지, 특수문자(\_,$)만 허용, 공백 사용금지2) 객체형으로 사용될 선언부분은 대문자로 선언, 참조변수, 메서드명은 소문자로 시작3) 합성

js에서는 동적배열이 기본적으로 지원되고 있다배열 선언var 배열명 = \[]var 배열명 = 데이터1, 데이터2배열 활용배열명index번호="추가 데이터"배열명.push("추가 데이터")for(var index in 배열명)index : index번호를 문자열로 가져

함수의 종류와 기본 형태 및 특성1) 익명/선언2) 기본 형식(사용자 정의 함수)선언function 함수명(매개변수){ 프로세스 처리 return 리턴데이터 }호출 함수명(전달데이터) js에서는 주로 이벤트핸들러로 사용된다. ex) <h1 onc

가변형 매개변수 처리2 형식 function 함수명(매개변수1, 매개변수2, ...매개변수){ } var body = document.querySelector("div") function fun01(var01, var02, ...numbers){

간단하게 매개변수와 리턴값을 화살표로 선엄함으로 처리하는 형식을 말한다.형식함수명 = (매개변수1, 매개변수2) => 리턴값프로그래밍에서 여러가지 기능을 처리하는 함수가 필요한데, 활용도가 높은 내용을 내장해서 지원함으로 효율적으로 기능 처리를 할 수 있다.내장 함수

setTimeout 특정한 시간이 지난 후 수행될 내용을 처리할 때 활용한다. 기본 형식 setTimeout(function(){수행할 내용}, 1/1000초 시간) 자원 해제 해당 내용을 수행한 후에는 반드시 자원해제를 하여야 메모리 부하를 줄여준다 특히, 반복

배열의 데이터를 효과적으로 처리하기 위한 함수이다.기본 형식배열.forEach(function(단위데이터, index, 배열전체){ })

배열 : 1) 인덱스와 요소를 통해서 활용2) var 배열명 = 데이터1, 데이터2, ...객체 : {}1) 속성인 키와 할당된 값을 활용2) var 객체명 = {속성1:속성값, 속성2:속성2값,...}3) 호출 \- 객체"속성1" \- 객체.속성1 \-

함수모양의 객체를 말한다.function 객체명(){}this.속성 형식으로 현재 객체의 멤버 변수를 설정한다.기본 형식function Object명(매개변수1, 매개변수2){ this.속성1 = 매개변수1 this.속성2 = 매개변수2 this.속성3 =

class 선언과 활용

Number 객체 : 숫자형 데이터 처리하는 객체를 말한다.1) toExponential() : 숫자를 지수 표시로 나타낸 문자열2) toFixed(소숫점 자리수) : 소수점의 자리수 제한3) toPrecision(나타낼 숫자의 길이) : 수의 길이를 제한속성1) MA

생성var 변수명 = "문자열"var 변수명 = new String("문자열")기본 속성와 메서드length : 문자열의 길이charAt(위치) : 위치의 문자, 존재하지 않는 idx를 인자로 전달하면 공백 출력charCodeAt(위치) : 위치의 유니코드 번호conc

js의 배열 선언 형식1) var array = new Array(); // 빈 배열 new Array(5); // 배열의 크기를 지정 new Array(50,30,400); // 구성요소 포함2) var array = \[]; 10,20,30속성과 메서드1) len

isArray() : 배열인지 확인indexOf(위치) // lastIndexOf : 특정한 데이터의 위치를 확인forEach(function(ele,index,array){})map(function(ele){ return @@ })배열의 구성요소를 return 값으로

날짜와 시간을 표시하는 객체생성 1) 현재 날짜 var 변수명 = new Date()2) 특정 날짜 Date("영문명 날짜") Date("영문명 날짜, 년도") Date("영문명 날짜, 년도, 시:분:초") Date(년도, 월index, 날짜)

문자열로 된 코드를 실제 코드로 변경할 때 사용한다.

document object modelhtml 안에 여러 요소를 객체로 인식하여, 원하는 화면구현이나 동적인 기능 처리를 할 때 사용하는 객체 모델을 말한다.DOM의 구성요소1) dom 객체의 선택자 \- css의 선택자를 통해서 객체를 선택할 수 있다. (태그명,

form 요소 객체의 속성 변경 기본 속성 input value readOnly : 읽기 전용 필드 required : 필수 입력 필드 type : 형식을 설정 hidden : 보이지 않는 형식 radio/check

radio select

이벤트란?js에서 특정한 요소객체(DOM)에 필요로 하는 이벤트 속성을 선언하고, 이 이벤트가 발생됐을 때, 처리할 함수(이벤트 핸들러 함수)를 통해서 이벤트를 처리한다.대상객체 ==> 이벤트 속성 ==> 이벤트핸들러함수이벤트 처리방식1) 인라인 이벤트 태그의 속성으로

1\. 비동기적으로 서버와의 통신을 javascript로 처리하여 화면 전환없이 데이터를 받아와서 처리하는 방식을 말한다. 2\. 동기방식과 비동기 방식 1) 동기 \- 서버와 클라이언트가 같은 속도로 연계하는 것 ex) 웹 화면에서는 form데이터를 입력

form 형태로 요청 처리하여 , 요청값을 전달하고 그 요청값에 따라서 서버에 데이터를 처리하여 화면에서 데이터를 받는 것을 말한다.처리 순서1) form 화면 구현2) 요청 query string 만들기3) 이벤트에 의해 요청값 및 XMLHttpRequest 객체 호

업로드중..

json 데이터를 동적으로 생성하여야 할 때 반복문으로 생성하는 법..