공부하는 블로그

jQuery를 활용한 노드를 찾는 기본적인 방법1var $ 변수이름 = $("css 선택자");cs $()의 정체:함수의 호출 / 함수이름이 $인 함수 호출$()함수의 역할은 선택자에 해당하는 노드를 찾아주는 역할을 한다. "css 선택자":찾고 싶은 선택자를 만들어 $()함수의 매개변수 값으로 넣어주면 된다. var $ 변수이름:$()함수에서 리턴해주는 값을 저장하기 위해 만든변수변수이름 앞에 $를 붙여준 이유는 jQuery기능이 들어있는 변수라는 것을 표현하기 위해서. 1234567// 예제: 문서에서 div태그의 글자색을 모두 빨간색으로 변경해주세요. $(document).ready(function(){ var $divs = $("div"); $divs.css("color","#f00"); })Co..

123456789101112 01) 변수 test1에 들어있는 숫자 값을 문자로 변형해주세요. // 풀이 1 String()을 이용한 방법var test1 = 15;var result = String(test1);document.write("result= "+result); // 풀이 2 toString()을 이용한 방법var test1 = 15;var result = test1.toString();document.write("result1="+result); cs 12345678 02) 배경을 빨간색으로 변경해주세요. $(document).ready(function() { var bgColor = 0xF00; $("body").css("background-color", "#"+bgColor.toStri..

클래스 : 함수가 특정 기능을 하는 구문(알고리즘,로직)을 묶을 때 사용하는 문법이라면, 클래스는 연관있는 변수와 함수를 하나로 묶을 때 사용하는 문법입니다.클래스를 사용하는 이유?1. 클래스를 이용하면 이리저리 널브러져있는 코드를 부품별로 만들 수 있음. 인스턴스와 객체 함수를 사용하기 위해 함수 호출을 하듯 클래스를 사용하려면 일반적으로 인스턴스라는 것을 생성해야한다.1var tabMenu = new TabMenu();cs 인스턴스를 다른말로 객체라고 부른다. 메소드와 프로퍼티 클래스 내부에 들어있는 변수, 함수와 구분하기 위해 클래스 내부에 있는 변수 = 프로퍼티, 멤버변수 클래스 내부에 만드는 함수 = 메소드, 멤버함수 클래스 내부에 들어있는 함수(메소드)를 호출하는 방법 인스턴스.프로퍼티인스턴스..

1var 변수이름 = 함수이름([매개변수1값...]);cs함수는 특정 기능을 하는 구문(알고리즘, 로직)을 묶어 재사용하는 문법 함수는 변수를 만들 때 var 키워드를 사용한 것처럼 함수는 function이라는 키워드를 이용해서 만듭니다. 함수호출 함수이름(); 매개변수- 함수가 호출되어 실행되기 시작하면 함수 내부는 함수 외부에서 접근할 수 없게 됩니다.이때 함수 외부에서 함수 내부로 값을 건달하는 방법 --> 매개변수 활용 (매개변수는 매개체 역할을함) 매개변수는 다음과 같이 괄호 안에 위치함 리턴 값 : 리턴값은 매개변수와 반대의 개념이다. 매개변수는 함수 외부에서 한수 내부로 데이터를 전달하기 위해 사용하는 통로리턴값은 함수 내부에서 함수 외부로 데이터를 보내기 위해 사용하는 통로 함수 내부에서 ..

사용범위에 따른 변수 종류전역변수12345678910111213 var globalV = "전역변수"; window.onload = function() { global2 = "전역변수"; } // 함수 내부에서 var 없이 변수에 값을 대입하면 전역변수로 만들어짐 // 즉, global2="전역변수";는 window.global2="전역변수"와 동일 function func1() { var local1 = "지역변수"; }Colored by Color Scriptercs 지역변수1234567891011121314151617 var globalV = "전역변수"; window.onload=function(){ var local1 = "지역변수"; // 지역변수이며 오직 onload()함수 영역에서만 사용할..

일반 변수는 하나만 저장할 수 있는 반면, 배열 변수는 변수 하나에 여러개의 데이터를 담을 수 있는 특별한 데이터형이다.배열을 이용하면 다음과 같이 하나의 변수에 모두 담을 수 있음.벼열은 연관있는 데이터를 하나로 묶어 관리할 때 주로 사용한다. 12345var userName = ["ddandongne","철수","영희"]; //여러개의 데이터형 혼합 예제 var userInfo = ["ddandongne", 30, "독서"];cs **배열 요소 접근 배열이름[n] // n은 배열요소의 index를 나타냅니다. 값은 0부터 시작해 배열 크기 -1까지의 값을 가집니다. ex) 다음 배열 요소를 하나씩 출력해 주세요,// 풀이// n은 배열 인덱스 값을 의미하며 인덱스 값은 0부터 시작합니다. 인덱스 값을..

1. 한줄 주석- 간단한 주석을 설명할 때 사용 하며 //를 입력한 다음 넘기고 싶은 내용을 작성해 줍니다. 2. 여러줄 주석/*여기에 설명을 입력해주세요.*/-긴 주석을 작성할 때, /* */를 입력한 후, 이 내부에 주석을 작성해 줍니다. 3. 주석 활용

1. 변수를 활용한 데이터 중복 제거 및 재사용12var name ="짱아"document.write(name+"님 환영합니다."," ");cs 2. 변수에 어떤 값이 있는지 확인하기123456789101112alert();// 알림창으로 출력 document.write();// Document라는 객체에서 write() 기능은 HTML문서의 body영역에 // 와 같은 HTML태그 내용을 출력해줌 console.log()//개발할 때 문법적으로 전혀 문제가 없음에도 불구하고 어떤 경우는 //정상적으로 동작하고 어떤 경우에는 동작이 제대로 안될 때가 있음.//이를 논리적인 버그라고 부르고, 이 버그를 찾아 없애는 작업을 디버깅이라고 함.//console.log()는 전문 디버깅 도구cs