Coding/JavaScript 36

1.5 jQuery

jQuery는 div와 같은 특정 효과를 연출하는데 사용합니다. 빠르게 작업할 수 있게 도와주는 크로스 브라우징 라이브러리입니다. 자바스크립트에서 직접 치는 것 보다 편한 이유를 코드를 통해서 확인하시면 됩니다. 1. 자바스크립트를 사용한경우 2. jQuery를 사용한 경우 jQuery 기능이 들어있는 라이브러리 파일을 연결해야 합니다. jQuery를 이용한 노드 찾기 jQuery에는 수많은 노드 찾기 기능을 제공합니다. var $ 변수이름 = $("CSS 선택자"); $() 그냥 함수 호출입니다. 함수 이름이 $인 것을 호출한 것입니다. 함수의 역활은 해당하는 노드를 찾아줍니다. "CSS 선택자" 함수의 매개변수를 넣어주면 된다. var $ 변수이름 $() 함수에서 리턴해주는 값을 저장하기 위해 만든 ..

Coding/JavaScript 2019.07.15

1.4 형변환

형변환 형을 변환한다는 의미를 가지고 있습니다. 숫자를 문자로 변환한다거나, 문자를 숫자로 변환해야 하는 경우에 형변환을 합니다. 형변환의 종류 -암시적 형변환 자바스크립트 엔진이 필요에 의해 암시적으로 형을 자동으로 변환합니다. var data = 1+"2"; document.write("result="+result); 결과는 12? 3? 숫자 + 문자 var a = 10 + "10" ; //a는 문자열 "1010" 불린 + 문자 var a = true+"10"; //a는 문자열 "true10" 불린 + 숫자 var a = true + 10; //a는 숫자 11 -명시적 형변환 개발자가 필요에 따라서 수동적으로 변환합니다. 문자를 숫자로 바꾸는 방법 -정수형 parseInt() , Number() va..

Coding/JavaScript 2019.07.15

1.3 함수와 클래스

함수 특정 기능을 하는 구문을 묶어 재사용하는 문법 함수의 생김새 function 함수이름([매개변수1,매개변수2,....]){ //이곳에 넣고 싶은 구문을 넣으면 됩니다~ return 값; } 호출할때는 함수이름(); 을 이용한다. 매개변수 함수 내부는 함수 외부에서 접근할 수 없습니다. 이때 함수 외부에서 함수 내부로 값을 전달하는 방법이 매개변수를 이용하는 것입니다. 리턴값 매개변수와 반대개념입니다. 리턴값은 함수 내부에서 함수 외부로 데이터를 보내기 위해 사용합니다. var 변수 이름 = 함수이름([매개변수]); var data = sum(10,20); var data = 30;//최종적인 결과가 이렇게 바낀다. 함수 종류 -자바스크립트 코어 함수 가장 기본이 되는 기능을 미리 구현해 제공 -사용..

Coding/JavaScript 2019.07.15

1.2 연산자

1. 숫자연산자 + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 ex) var a = 10; var result = a+20; document.write("result = "+result); 2. 문자 연산자 + 문자열 더하기 ex) var name = " 로즈"; var gender = "미스터"; document.write(gender + name); 3. 복합 연산자 += 더하고 대입 -= 빼고 대입 *= 곱하고 대입 /= 나누고 대입 %= 나머지값 대입 4. 증감 연산자 ++ 1을 증가 시킴 -- 1을 감소 시킴 전위 연산자 vs 후위 연산자 전위 연산자는 자기자신을 먼저 증가 시키고 그 문장을 해결 후위 연산자는 다른 행동을 먼저 취하고 자신을 증가시킴 5. 연산자 우선순위

Coding/JavaScript 2019.07.08

1-1 변수

변수 - 데이터를 저장하는 장소 - 데이터를 읽고 쓰고 할 수 있는 장소 var - 가장 일반적인 방법 - var 변수 이름 = 데이터 ; ex) var name = "coding's world"; var age = 25; 데이터의 종류 - 숫자 - 논리 - 문자 - 함수 - 클래스 - 클래스의 인스턴스 변수에 값 확인 방법 -alert(데이터); 사용자에게 특정 정보를 팝업 창을 이용해 알려주고 싶을 때 사용합니다. -document.write(데이터); body 영역에 HTML 태그 정보를 출력할 때 사용합니다. -console.log(데이터); 전문 디버깅 함수로 특정 변수의 값을 확인할 때 사용합니다. 변수 종류 -전역변수 전역에서 사용하는 데이터를 담는 변수 어디서든 접근해서 사용 가능 -지역변..

Coding/JavaScript 2019.07.08