주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

jQuery는 DOM 객체를 탐색, 접근하여 조작하는 여러가지 방법을 제공한다. 실무에서 많이 사용하는 메서드 위주로 요약해서 작성하였으며 정확한 정보들을 확인하고 싶다면 jQuery 공식 사이트를 참조하면 된다. addClass 선택자에 입력한 클래스를 추가한다. 공백으로 구분하여 입력 값을 추가하면 여러개의 클래스를 추가할 수 있다. 함수 형식으로도 사용할 수 있으며 인자 값으로 해당 선택자의 index값을 사용할 수 있다. // HTML // jQuery // #firstBox 클래스가 추가 $('#firstBox').addClass('color_box red_box'); // .box 클래스 추가된다 $('.box').addClass(function(index){ return 'box_index'..

Javascript VS jQuery Javscript API에 비해 jQuery는 선택자를 사용하여 DOM(Document Object Model) 요소에 쉽고 편리하게 접근할 수 있다. // Javascript document.getElementById('container'); document.querySelector('#container'); // jQuery $('#container') 아래는 기초적인 선택자만 작성하였으므로 모든 선택자를 확인하려면 jQuery 사이트 참조 직접 선택자 아이디 (#) id는 페이지내에서 유일해야한다. // Html // jQuery $('#container') 클래스 (.) 동일한 클래스를 가진 복수의 요소가 될 수 있다. // Html // jQuery $('...

인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 오늘은 class와 interface를 더욱 자세히 알아봤다. 클래스는 인터페이스의 확장형(심화)으로 보면 될 듯 하다고 한다. 로직에 대한 힌트 인터페이스를 보고 타입을 확인할 수 있기 때문에 해당 로직에 대한 힌트를 얻을 수 있다. 아래 코드에서 인터페이스를 보고 heeJ와 yoon이 div인 것을 알 수 있다. interface People{ heeJ : HTMLDivElement, yoon : H..