다룽이네 다락방

split 함수 -> 문자열을 구분자로 잘라서 배열로 저장하는 함수 ex) var s1 = "TV computer tablet"; //1. 파라미터 입력x var arr1 = s1.split(); //2. 글자별로 자르기 var arr2 = s1.split(""); //3. " "(공백)을 구분자로 자르기 var arr3 = s1.split(" "); //4. " "(공백) 구분자, limit var arr4 = s1.split(" ", 2); 결과 arr1 결과: [TV computer tablet]

DOM Document Object Model 문서 내용들을(태그들을) 객체로 만들어서 사용할 수 있게 함 document를 작성해서 실행하면 구조화된 모델을 갖게되기 때문에 원하는 태그(요소, element)를 선택해서 처리할 수 있게 된다. script를 이용해 원하는 태그 추가/ 속성 변경/ 스타일 변경 등등 다양한 작업 처리 가능 원하는 태그 탐색 방법을 간단히 알아볼 것 1) QuerySelector : 해당 태그 전부 탐색 ex) css표현식을 통해 원하는 태그를 모두 찾아온다 document.querySelectorAll("#test"); -id가 test인 태그를 모두 탐색한다 -> id로 탐색하면 해당 element를 가져오는 것 2) getElementById : 아이디로 탐색 -> i..

사진 넘기기 a태그에 참조를 걸어놔서 사진이 넘어가는 것이 아닌 사이트로 이동을 한다 이렇게 기본이벤트(ex. form태그 submit / a태그 href 등등)를 특수한 경우 취소시켜야할 때? return false; 함수 실행시에도 return 작성 해줘야함 (=태그 안에) 실행 결과

arguments 속성 함수가 호출될 때 넘어오는 인자값들을 자동으로 배열로 저장 =인자값으로 넘어오는 값을 배열에 담아서 제공해줌 일반적으로 매개변수 4개 넘겨주면 매개변수 4개를 받아줘야한다. 자바스크립트는 유연해서 매개변수 개수가 일치하지 않더라도 에러 안뜸 매개변수 값 4개 넘겨주면 자동적으로 arguments객체가 함수 내부로 전달됨 ex) html arguments 속성 javascript function valTest(){ var val=""; for(var i=0; i

함수의 종류 1. 명시적 함수 -함수 정의 후 사용 ex) function func01(){ alert("명시적 함수"); } 2. 익명 함수 - 변수에 함수 넣어준 뒤 사용 - 이 때 사용하는 함수는 함수 실행이 아니라 변수를 실행하는 것임 ex) var func02 = function(){ alert("익명 함수"); } 3. 리터럴 함수 -리터럴?값 자체 -함수 자체를 리터럴(매개변수, 리턴 등등)로 사용 --함수를 값처럼 사용하자~ ex) /*prn의 매개변수로 함수를 넣음*/ function func03(){ prn(function(msg){ alert(msg); }); } function prn(literal){ alert(literal); literal("안녕하세요. 리터럴입니다."); } ..

JavaScript에는 다양한 내장 객체 존재하는데, 그 중 window객체는 브라우저 관련된 내용을 다룰 수 있다. window객체중 대화형 함수 1. alert(): 단순 경고 or 디버깅용으로 자주 사용 window.alert()에서 window를 생략해 사용하는 경우가 많다. 2. confirm(): 확인/취소 버튼 제공(true/false 반환) 3. prompt(): 텍스트박스, 확인/취소 버튼 제공 브라우저로부터 입력받은 값이 넘어옴(반환값은 텍스트/취소하면 null) console.log(변수): 콘솔창에 로그 찍어주기 (라잌 자바에서 println) window객체(웹브라우저창) 아래에 document객체 존재

-onclick click 했을 때 이벤트가 발생한다. ex) 여기 클릭! "여기클릭!" 을 클릭하면 hello라는 알림창이 뜸 -onload 브라우저가 페이지를 다 읽고 로딩이 완성되면 가장 먼저 실행 됨 =window창 실행과 동시에 이벤트 발생 ex) window.onload = function(){ alert("로딩 후! 실행!"); }

JavaScript 선언 1. 인라인 방식 -태그 내부에 선언한다 2. 내부 작성 방식 -태그 내부에 function을 작성하고 html파일 내부에 선언한다 (자바의 메소드와 유사하다) 3. 외부 작성 방식 -외부에 js파일을 만들어 html파일에 불러온다

자바스크립트 실행 시 오류가 났다면? 브라우저에서 콘솔창을 확인하면 된다 f12 -> console

html/css 동작하게 하는 기능으로 html안에 내장되어 있다. (동작? 팝업/통신/value값 읽어오기 등등) 인터프리터 언어(interpreter language)이다.(=스크립트 언어) 인터프리터 언어는 컴파일언어와 반대로 실행이 바로 된다는 특징이 있다. html/css 엘리멘트가 바뀌거나 하지 않는다. css로 꾸미기 -> js로 동작> +자바랑 전혀 상관없음.....