기린의 기록을 위한 공간

[return] 객체 생성해서 리턴하기 이름 나이 주소 이메일 객체생성 //값을 출력하려면 다른 함수로 한번더 불러와야함 function addObject(){ var obj = addObject2(); function addObject2(){ var items = document.querySelectorAll("#enroll input"); //enroll 밑에 input들 //items = document.getElemetsByTagName("input"); -> Elements 객체로들어갈 수 있음 console.log(items); for(var i=0; i

[선언적 함수]이름이 있는 함수 기본함수실행 실행 매개변수를 적게 입력하여 호출하면? 실행 매개변수를 더 많이 입력하면? 더많이 입력 function basicFunction(){ //querySelector는 선택자로 객체를 가져올 수 있는 함수 (한개값만 가져옴) //var el = document.querySelectorAll("p:nth-of-type(2)"); (여러개값 가져옴) 전체를 배열로 받아서 그중에 2번째 var el = document.querySelector("p:first-of-type+p"); el.style.color="blue"; } basicFunction(); [매개변수가 있는 선언적 함수] 매개변수를 name,age 2개보다 적게 입력하여(이름만 입력)출력하면 ? 이름 ..

자바스크립트에서 배열은 자바의 컬렉션과 비슷한 성질을 가지고 있음 크기를 설정하지 않아도 됨. 유용한 함수들을 가지고 있음 컬렉션에는 없는, 직접 index를 활용해서 값을 대입할 수 있음* 활용법 기본배열과 동일(java기준) [배열선언 및 초기화] //기본배열 선언 및 초기화 하기 2가지 방법 var arr=[]; var arr2=new Array(); console.log(typeof(arr), typeof(arr2)); //배열 길이를 확인 -> length console.log("배열의 길이 "+arr.length); // 길이선언안해서 0나옴 //배열에 값 대입하기 //1. 인덱스+대입연산자를 이용하는 방법 //2. Array객체 함수를 이용하는 방법 arr[0]="홍길동"; console.l..

[조건문 활용하기] 메세지 확인 //input에 있는 값을 가져와서 //그 값이 1이면 div태그에 1입니다. //그 값이 2이면 div태그에 2입니다. //그 값이 3이면 div태그에 3입니다. function checkMsg(){ var ipMsg = document.getElementById("msg").value; var divCon = document.getElementById("container"); var msg= ""; switch(ipMsg.trim()){ case "1" : msg="1입니다";break; case "2" : msg="2입니다";break; case "3" : msg="3입니다";break; } container.innerHTML=msg; } [switch 문] //sw..

[String 내장함수] 문자입력체크 //toUpperCase() 전부대문자로 , toLowerCAse() 전부소문자로 var str = "Hello World How are You"; console.log(str.toUpperCase(),str.toLowerCase()); //문자열이 길이아는법 : legnth console.log("문자열 길이 : "+str.legnth); //값을 입력받았는지 확인할때 사용 2가지방법 //trim() -> 공백을 삭제 해주는 함수 function checkLength(){ var val = document.getElementById("length").value; var re=document.getElementById("result"); if(val.trim().le..

자바스크립트는 동적자료형으로 변수를 선언할때 자료형을 명시하지않고변수에 대입되는 값에 따라 자료형이 결정됨.자료형을 선언하지 않는다고해서 자료형이 없는것은 아님!자바스크립트의 자료형은string, number, undefined, function, object(array), boolean -> 6가지의 자료형 가짐 [자료형의 리터럴값] 문자형(string) : " " , ' ' 표시 예) "홍길동" , '김말똥'숫자(number) : 숫자로 작성 예)1 2 0.34function : function(){로직}object : {키:값,키:값..}array : [값,값,값..] //문자열var str = "홍길동"; //숫자var n=10;var n2 = 180.5; //함수형 자료형 var fnTest =..

자바스크립트에서 변수는 function scope의 범위를 가지고 있음그 범위는 global scope(전역) / local scope(지역영역)선언 : var 변수명 *별도의 자료형을 선언하지 않는 동적 자료형을 가지고 있음 *var 예약어를 사용하지 않고 변수사용가능(권장하진않음) [호이스팅]자바스크립트 변수는 독특한 특징이 있음 ->호이스팅 hoisting(var로 선언된 변수들만 적용됨) 미리 저장공간 확보부터 함 console.log(c); var c; //변수가 밑에있어도 먼저 저장공간을 확보해놓음 var name=19; //위에있는 변수를 중복으로 선언을 해도 제재할 수단이없음 (에러메세지를 출력안해줌) for(var i=0; i const, let를 만듬 const, let -> funct..

자바스크립트에서 기본적으로 html페이지에 모든 태그는 객체로 저장되며그것을 DOM(Document Object Model)이라고 부른다.문서에 있는 모든 태그를 객체로 보는것모든 객체화된 태그는 document객체안에 포함되어 있음.각 객체에 접근하려면 document객체의 메소드(함수)를 이용해서 찾아야함. [id로 태그 찾기] var area = document.getElementById("area"); [class로 태그 찾기] var classEl = document.document.getElementByClassName("area");classEl[0].innerHTML="출력할 문구";classEl[1].style.color="green"; for(var i=0; i