다연이네

js의 문자열 문자열에서 특정 문자열 찾기 - indexOf() - search() 두 함수의 차이점 ? 1) indexOf()는 2번째 매개변수 찾을 위치(from)를 줄 수 있고, search()는 줄 수 없다. 2) search(정규표현식) 사용 가능 문자열 입력 문자열에서 특정 문자수만큼 반환 - substring(start, end) - substr(start, length) - slice(start, end) 특정 문자열 대체하기(문자열 대체) - replace('abc', 'xxx'); 문자열 합치기 - s1+s2+" " - s1.concat(" ", s2, "!!!") js의 정규 표현식 / / 특정 위치의 문자열 찾기 - str.charAt(0) (str은 변수명 예시) - srt[0] ..

함수를 변수에 담을 때 1) 함수 자체를 변수에 담는 경우 (자료형: function) 2) 함수의 return값을 변수에 담는 경우 (자료형: number) 전역변수와 지역변수 - 함수밖에서 변수를 선언하면 var과 상관없이 무조건 전역변수가 되고 - 함수안에서는 var가 있으면 지역변수, 없으면 전역변수이다. btn 1 btn 2 var x =10 / ""/ true var x = new Number() / new String() / new Boolean =>자료형은 object 둘의 차이 var name1 = "kenik"; var name2 = new String("kenik");//찍히긴 하는데 권장하지 않음(성능 하락) console.log(name1 ==name2); //true consol..

js data type(자료형) 원시형(기본형) 1) number 2) string 3) boolean 4) undefined 복잡형 5) object 6) function (함수도 자료형의 일종이다) undefined와 null비교 null의 type은 object이고 undefined의 type은 undefined이다. null==undefined하면 true가 출력된다. (주의) null===undefined하면 타입까지 비교하기 때문에 false 출력된다.

1. js 연산자 - 자바랑 매우 비슷하다. - 산술연산자 - 복합대입연산자 +=, -=, *=, /=, %=, **= 숫자%0 = NaN 숫자/0 = Infinity - 숫자+문자 - 비교연산자 ==는 값만 같으면 된다. (!=는 값만 다르면 된다.) ===의 의미는 값도 같아야하고 타입(자료형)도 같아야 한다 -논리연산자 - typeof 타입을 반환하는 연산자 - 비트연산자 - 기타 연산자

1. js 위치 는 어디에 위치해도 상관은 없으나 굳이 밖에 주진않는다. 헤더또는 바디 안에 주는 경우가 많다. 홍길동 script를 css처럼 외부로 뺄 수도 있다. * 외부 스크립트 장점 1. html 코딩과 분리할 수 있다. -> 읽기 쉽고 유지보수 용이 2. 캐시된 js파일은 페이지로드 속도(성능) 향상을 높일 수 있다. ex01.html 확인 버튼 myScript.js function myfunction(){ alert("mtScript.js 호출됨"); } //주의 : 여기서는 태그 사용하지 않는다 2. js 기본 특징 JS에서는 두가지 유형의 값을 정의한다. ㄱ. 고정값(리터럴) 숫자: 실수, 정수 3.14 100 문자/문자열: "bae" 'bae' 'b' "B" ㄴ. 변수 값 //int i..

문제1) 1. html 적용 여부를 체크 후 input 텍스트박스에 문자열을 입력 후 "실행버튼"을 클릭하면 output 텍스트박스에 입력값을 출력하기. 2. html 적용 여부를 체크 후 input 텍스트박스에 문자열을 입력 후 엔터(Enter)를 치면 output 텍스트박스에 입력값을 출력하기. 3. jquery 로 똑같은 코딩을 하기 1-1) js로 작성 html 적용 여부 input : output : div element 1-2) jQuery로 작성 html 적용 여부 input : output : div element 기억하기 1 - $("input[type=button]") == $(":button") $("input[type=button]") $(":button") //jQuery에 사용되..

Turn On 2) boolean형 sw - 이렇게 변경 가능하다. 3) 삼항연산자 - 이렇게도 변경 가능하다. 버튼을 2가지로 만들기 Turn On Turn Off jQuery로 바꾸기 Turn On

버튼을 누르면 해당 버튼이 사라진다. test- 1 test- 2 test- 3 test- 4 test- 5 위의 event.srcElement를 매개변수로 받아 넘겨올 수 도 있다. test- 1 test- 2 test- 3 test- 4 test- 5 이를 jQuery로 바꿔본다면 훨씬 간단해진다. test- 1 test- 2 test- 3 test- 4 test- 5