스코프(var, let, const)와 String 메서드들에 대한 공부 정리 스코프 (범위) var, let 예제1 var name = "global var"; function home(){ for(var i=0; i

함수 선언식 - Function Declarations 변수 선언이 let이나 const로 시작해야하는 것처럼 함수 선언을 function으로 시작한다. 선언된 함수는 나중 사용을 위해 저장되며, 함수를 실행하려면 함수 이름을 호출(call)하면 된다. function 함수명() { 구현 로직 } // 예시 function funcDeclarations() { return 'A function declaration'; } funcDeclarations(); // 'A function declaration' 함수 표현식 - Function Expressions 자바스크립트에서는 함수를 특별한 종류의 값(value)으로 취급한다. 즉, 함수를 다른 변수에 값으로써 '할당'한 것이 곧 함수 표현식이다. var..

print ( 줄 바꿈 없이 한 줄로 출력) / println ( 출력 후 줄 바꿈) printf (서식이 있는 출력) 지시를 통해 변수의 값을 여러 가지 형식으로 바꿔서 출력할 수 있다. Ex System.out.printf ("출력 서식", 출력할 내용); %d 정수형 출력 %s 문자형 출력 %f 실수형 출력 %c 문자열 출력 %n 줄 바꿈 %b boolean 출력 printf 예제 출력 결과 : 줄을 바꿀수 있다. 방을 2년 계약했다. 나는 서울에 살고있다. String.format() 문자열 형식 설정하기 리턴되는 문자열의 형태를 지정하는 메소드 서식 문자열의 앞에 %를 붙여 문자열에 사용하면 그 위치에 변수의 값을 형식화 하여 대입 가능하다. 대문자나 소문자를 지정할 수 있는 서식 문자열에서 대..

options = options || {}; function test (options) { options = options || {}; } /* *아래 코드와 같다 if (options) { options = options; } else { options = {}; } */ options 존재 하면 options = options options 존재 하지 않으면 options = {} test 인수 없이 호출 options하면 빈 객체로 초기화됩니다. 논리 OR 연산자 || : 첫 번째 피연산자가 거짓이면 두 번째 피연산자를 반환합니다 . 자바스크립트 연산자 우선순위 삼항 연산자 조건식 ? 반환값1 : 반환값2 물음표 앞의 조건식에 따라 결과값이 true이면, 반환값 1을 반환하고, 결과값이 거짓이면 반..

attr() 와 prop() 의 차이점 jQuery 1.6 이후 부터 .attr() 함수가 용도에 따라 .attr() 과 .prop() 으로 분리 되었다. .attr() : html 의 속성(attribute)을 다룬다. .prop() : javascript 프로퍼티(property)를 다룬다. [예 1] 코멘트 var $comment = $('#get_comments'); alert($comment.attr('href')); // href 속성 값을 표시 alert($comment.prop('href')); // href 프로퍼티 값을 표시 위 예제1 에서 alert 결과 alert 의 .attr() 값은 "#comments" alert 의 .prop() 값은 "http://test.com/path/p..

jQuery 기존요소의 내부에 추가 .append .prepend() .appendTo() .prepend() 다음 메소드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 추가할 수 있다. 메소드설명 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다. .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다. .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다. .append() 메소드 .append() 메소드는 선택된 요소의 마지막에 새로운 HTML 요소나 콘텐츠를 추가한다. $(target).append(source) source 객체를 target 객체의 마지막에 추가한..

.extend() 함수 제이쿼리의 extend()는 다수의 객체를 하나의 객체로 합치는 merge기능을 수행할 수 있습니다. 만약 두 개 이상의 객체를 하나로 합치려는 경우 extend()를 사용하여 새로운 객체로 만들 수 있죠. 아래는 extend()를 사용하는 간단한 방법 및 문법은 아래와 같습니다. $.extend(대상, 객체1, 객체2, ... , 객체n) 오브젝트 a와 b를 합치고 싶은 경우 var a = { id: 1, name: 'TAM' }; var b = { name: 'TAM-new', hobby: 'football' }; $.extend(a, b); console.log(a); // 결과: // { // id: 1, // name: "TAM-new", // hobby: "footbal..

자바스크립트의 addEventListener 과 같은 기능을 하는 on과 off - bind 와 unbind에 대해 정리하였다. .bind() / .unbind() .bind jquery의 이벤트 설정 메서드 .unbind jquery의 이벤트 해제 메서드 click! 아래와 같이 unbind와 bind를 한 번에 사용할 수도 있다. click! jquery 1.7부터 bind/unbind가 개선되어 나온 것이 on/off 메서드이다. jQuery 1.7부터는 .bind()나 .click() 메소드를 사용해도, 내부적으로 .on() 메소드를 이용하여 이벤트 핸들러와 바인딩한다. .on() jQuery는 특정 요소에 이벤트 바인딩(event binding)하기 위해 .on() 메소드를 사용한다. jQuer..