공부의 발자취를 남기는 블로그

jQuery의 엘리먼트(Element) 제어 기능에 대해서 알아보도록 하겠다. 1. 해당 엘리먼트의 자식으로 삽입 기능 1 .append() : 타겟 뒤에 요소 추가 2 .appendTo() : 3 .html(): 문자를 덮어쓴다. 단, html은 html코드로 인식한다. 4 .prepend() : 타겟 앞에 요소추가 5 .prependTo() 6 .text() : 문자를 덮어쓴다. 단, text는 를 인식못하고 그대로 출력한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 p { background:yellow; } I would like to say: $("p").append("Hello"); Colored by Color Scripter cs 이 예시는 appen..

jQuery축약하기 jQuery를 사용함을 jQuery().... 를 -> $()..... 로 함축하여 사용할수있다. jQuery로 요소를 선택하기 1 2 3 4 5 6 7 8 9 10 11 $('.welcome').html('hello world! coding everybody!').css('background-color','yellow'); Colored by Color Scripter cs 1. class와 연관된 요소를 선택하고 싶을때: '.{클래스 이름}' 으로 선택 1 2 3 4 5 6 7 8 9 jQuery jQuery('#tutorial').attr('href', 'http://jquery.org').attr('target', '_blank').css('color', 'red'); Colo..

jQuery란? 자바스크립트에서 지원하는 라이브러리다. 이 jQuery를 사용하면, 엄청난 코드함축으로 생산성이 매우 높아진다. 자바 스크립트를 쓰면서 , jQuery를 모른다는것은 단팥없는 붕어빵사먹는거나 마찬가지다. 실제예시: jQuery를 사용안할경우, 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 function addEvent(target, eventType,eventHandler, useCapture) { if (target.addEventListener) { // W3C DOM target.addEventListener(eventType,eventHandler,useCapture?useCa..

1. 변수 선언 var 자바스크립트는 변수선언을 var로 통일한다. JAVA와 달리 String, int, boolean... 과 같이 자료형을 맞추지 않아도된다. 2. 동등, 일치 연산자 ==는 값이 같음 동등을 의미하고 === 는 값과 자료형이 같음 일치를 의미한다. 3. 함수 선언 Java에선 메소드(method)로 부르는 기능이다. 자바스크립트는 return값의 자료형을 적을 필요가없다. 따라서, function {함수 이름} () 만 작성해도된다. 함수를 부를땐 {함수이름}() 을 입력하자. 4. 객체 (딕셔너리) 선언 1번과 2번 코드 둘다 같은 방식이다. 딕셔너리는 자바의 Map처럼 되어있다. Key 와 Value 를통해 자료들을 정리할수있다.

자바스크립트란 뭘까?? 자바스크립트는 단순하게 말하자면, 그림이 그려져있는 그림을 움직이게하게 해주는 언어다. 자바스크립트는 Front-End 언어이며, 우리가 현재 바라보는 화면을 동적으로 변화를 주는 언어다. 반면에, HTML/ CSS 언어는 정적 언어다. 정적vs 동적 언어? 여기서 프론트엔드의 정적 언어란 뜻은, 한번 컴파일하여 화면에 그림을 그려놓으면, 그때부터 그 화면에 무슨짓을해도 아무런 변화가 일어나지 않습니다. 마치 멈춰있다라는 의미에서 정적 언어입니다. 여기서 JavaScript를 넣으면, 동적 언어로 어느 동작을하면 변화를 일으켜 줄 수 있습니다. EX) 버튼을누르면 배경화면이 다른색으로 변화, 텍스트가 다른 텍스트로 변화 자바스크립트의 활용성 1. Node.js , 리액트를 사용하여..