본문 바로가기

HTML, CSS, Javascript9

[jQuery] $.fn의 개념과 사용 방법 오늘은 jQuery에서 사용되는 `fn`에 대해 자세히 알아보려고 합니다. `fn`은 jQuery에서 프로토타입 객체에 접근하기 위해 사용되는 속성입니다. 이번 글에서는 프로토타입 객체의 의미와 `fn`의 활용에 대해 알아보도록 하겠습니다. 프로토타입 객체란 어떤 객체를 생성할 때 해당 객체의 기본 틀로 사용되는 객체입니다. 즉, 프로토타입 객체는 생성자 함수를 통해 새로운 객체를 만들 때 그 객체에 상속되는 속성과 메서드를 가지고 있습니다. (기본 값) jQuery에서는 `$` 기호를 통해 jQuery 함수를 호출하면 프로토타입 객체를 반환하게 됩니다. `fn`은 이 프로토타입 객체에 접근하기 위한 속성으로, 해당 객체를 확장하고 사용자 정의 메서드를 추가하는 기능을 제공합니다. 즉, `fn`을 이용하.. 2023. 7. 14.

크롬 개발자 도구의 브레이크 포인트 활용법 오늘은 개발 과정에서 디버깅을 효과적으로 수행하기 위해 크롬 개발자 도구의 브레이크 포인트(Breakpoints) 기능에 대해 알아보려고 합니다. 브레이크 포인트는 디버깅 과정에서 코드 실행을 일시 중지시키는 도구로, 버그를 신속하게 찾고 수정하는 데 큰 도움을 줍니다. 그러나 때로는 브레이크 포인트가 제대로 동작하지 않는 경우가 있습니다. 이런 상황에서 어떻게 해야 할까요? 여기서 몇 가지 유용한 팁을 소개하겠습니다. 첫 번째로, 브레이크 포인트가 동작하지 않는다면, 코드에서 잘못 설정된 조건문 또는 오류가 있는지 확인해야 합니다. 또한, 브레이크 포인트 위치를 다른 코드 라인으로 이동시켜 보는 것도 도움이 될 수 있습니다. 이를 통해 어느 부분에서 브레이크 포인트가 정상적으로 작동하는지 확인할 수 있.. 2023. 7. 13.

[jQuery] $.fn.extend와 $.extend 비교 오늘은 프론트엔드 개발에서 자주 사용되는 두 가지 메서드인 $.fn.extend와 $.extend의 차이점을 알아보려고 합니다. 이 두 메서드는 jQuery 라이브러리에서 제공되는데, 정확히 어떤 차이가 있는지 알아보도록 하겠습니다. $.fn.extend는 jQuery에서 사용되는 메서드로, jQuery 객체에 새로운 메서드를 추가하는 역할을 합니다. 이 메서드를 사용하면 개발자는 jQuery 객체의 프로토타입에 새로운 메서드를 추가하여 사용할 수 있습니다. 이는 jQuery의 확장성과 유연성을 높여주는데 도움을 줍니다. $.fn.extend는 주로 플러그인 개발이나 jQuery 확장 기능을 구현할 때 사용됩니다. 반면에 $.extend는 jQuery에서 사용되는 또 다른 메서드로, 두 개 이상의 객체를.. 2023. 7. 10.

[jQuery] $ / $.fn 은 뭐고 함수는 어떻게 쓰는 걸까? 실무에서 아직까지는 jQuery를 사용하는 분이 많을거라 생각이 든다. 내가 관리하는 웹 프로그램 또한 jQuery가 많은데, 개발시 사용을 하긴 했지만 개념이 명확하지 않은 부분이 있어 정리해보도록 하겠다. 일단 내가 헷깔렸던 부분은 아래와 같다 막연한 나의 의문 1. 자바스크립트 문법으로 함수를 선언하는 방법과 jQuery를 이용해 함수를 선언하는 방법의 차이 2. jQuery에서 $ / $.fn / 그리고 $.write() 와 같은 함수는 대체 무엇인가 1. JavaScript 와 jQuery의 명확한 개념부터 정립하기. JavaScript 하나의 언어이고, jQuery 는 JavaScript 라이브러리이다. 쉽게 말해 JavaScript 언어로 코딩을 하는데, 'jQuery'라는 확장 프로그램의 .. 2023. 7. 6.

[JavaScript] Uncaught ReferenceError: **** is not defined 웹 개발시 아래와 같은 에러를 자주 접해보았는데, 화면은 잘 나오니까 귀찮아서 놔두다가 같은 문제를 겪는 분이 계실까봐 솔루션을 공유합니다. 일단 위 에러 메시지를 보면 Uncaught ReferenceError: [MENU_1] is not defined 라고 나오는데, 이 문장을 번역하면 "잡히지 않은 참조 오류: MENU_1이 정의되지 않았습니다." 이다. 쉽게 말해 웹 브라우저가 '나 이거 못찾겠어..' 라고 보내는 신호라고 보면 된다. 해결방안 1. 먼저 자바스크립트 소스에서 "MENU_1"이 코드로 정의된 자바스크립트 파일을 찾는다. 2. 현재 보고있는 페이지에서 해당 자바스크립트 파일을 불러오기 위해 //버전을 명시한 경우 //JSP 사용시 버전을 실시간으로 반영하는 경우 2023. 7. 5.

[JavaScript] 웹 브라우저에 대한 기초 지식, DOM 이전 Browser Object Model (BOM) 포스팅에서 '웹 브라우저'가 어떻게 이루어졌는지 간단히 탐색해보는 시간을 가졌는데, 이번에는 BOM의 구성요소 중 하나인 Document 객체에 대해 간단히 다뤄보려고 한다. 2023.03.20 - [HTML, CSS, Javascript] - [JavaScript] 웹 브라우저에 대한 기초 지식, BOM [JavaScript] 웹 브라우저에 대한 기초 지식, BOM 웹브라우저 역시 하나의 프로그램이다. 아래의 이미지는 구글에서 일부러 에러페이지를 불러온 화면이다. 이 페이지 자체는 사용자의 입장에서 "아 뭐야~" 하면서 짜증나는 에러일 뿐이지만, 사 davidev-wiki.tistory.com Document 객체는 먼저 콘솔에서 'document'.. 2023. 3. 21.

이전 1 2 다음