⭐️ jQuery 란?jQury란 기존의 자바스크립트 언어만으로 구현하기에는 복잡했던 구문을 간소화 하기 위해 만들어진 JavaScript기반의 라이브러리이다. 라이브러리를 통해 복잡한 JavaScript구문보다 짧고 쉽게 개발이 가능하다 ‼️ 🔥 장점 1 ) DOM 요소와 관련된 스크립트를 보다 쉽게 구현할 수 있음 -> 가장 큰 이유 ‼️2 ) AJAX(비동기 통신) 이벤트 처리등을 폭넓게 지원함 3 ) jQuery와 관련된 확장형 플러그인 , 오픈 API등을 지원 (차트, 슬라이드, 캘린더 등) ⭐️ jQuery 연결 방법heed 태그내에 script 태그로 외부 jQuery관련 .js파일 연결하는 방법이 있다. 여기에는 오프라인 / 온라인 방식이 있다. 1. 오프라인 - jQuery라이브러리 파..

⭐️ map 함수란 ?기존 배열의 요소를 전부 반복하면서 return된 값으로 "새로운" 배열을 만들어주는 함수이다. 기존 배열을 이용해서 새로운 배열을 만들 때 사용한다. [ map 함수의 기본 구문 ]arr.map(function callback(currentValue, index, array) { // 새로운 값 반환}, thisArg); [ 화살표 함수 이용 ]arr.map((currentValue, index, array) => { // 새로운 값 반환}, thisArg); 1. currentValue : 현재 처리되고 있는 배열의 요소를 가리킴. 2. index(옵션) : 현재 요소의 인덱스 3. array(옵션) : map()을 호출한 원본 배열 4. thisArg(옵션) : ca..

⭐️ 콜백(CallBack) 함수란 ?콜백(callback) 함수는 다른 함수의 인자로 전달되어 특정 시점에서 실행되는 함수를의미한다. 함수를 인자로 넘겨서 비동기 작업이나 특정 이벤트가 발생하였을 때 실행되도록 하는기법이다. 🔥 기본적인 콜백 함수 예제[ 간단한 callback 함수 예제 ]function greet(name, callback) { console.log(`안녕하세요, ${name}님!`); callback(); // 전달받은 함수 실행}function sayBye() { console.log("좋은 하루 되세요! 👋");}// greet 함수 실행 시, sayBye를 콜백으로 전달greet("철수", sayBye);    greet()를 호출할때 인자로 "철수"와 s..

⭐️ Scope란 ?scope란 변수나 함수가 접근할 수 있는 유효 범위이다. JavaSciprt는 정적스코프 (Lexical Scoping) 를 따른다. ⭐️ 정적 스코프 (Lexical Scoping)1. 정적 스코프 (Lexical Scoping) 변수나 함수의 유효 범위는 코드가 작성된 시점(선언 시점 ‼️)에 결정되며,함수 호출 시 동적으로 바뀌지 않는다. 예를 들면 함수 내부에서 선언된 변수는 그 함수 내에서만 유효하며,외부에서는 접근할 수 없다. ⭐️ var와 let / const의 차이[ var ] var로 선언한 변수는 "함수 스코프"를 가지며 , 해당 함수 전체에서 유효하다.또한 호이스팅이 발생하여 변수 선언이 함수 최상단으로 끌어올려 지지만,초기화는 원래 위치에서 이루어 진다.-> 거..

⭐️ getElementById 란? document.getElementById   • 용도: id 속성을 가진 요소를 선택한다. • 특징: HTML 문서에서 id는 유일해야 하므로 항상 하나의 요소만 반환한다.• 장점 : id로 직접 접근하기 때문에 성능이 좋다. [ 사용 예시 코드 ]const element = document.getElementById('myId');  ⭐️ querySelector document.querySelector  • 용도:  Css 선택자를 사용하여 "첫 번째"로 일치하는 요소를 선택한다. • 특징: id, 클래스, 태그, 속성 등 다양한 CSS 선택자를 사용할 수 있다. [ 사용 예시 코드 : id 선택 ]const elementById = document.queryS..

⭐️ JavaScript란 ?JavaScript는 웹문서에서 이벤트가 발생하였을 때 실행할 기능을 정의한다.또한 인터프리터 방식의 스크립트 언어이다. 🧐 인터프리터 방식은 무엇일까 ? 인터프리터 방식이란 코드를 한줄씩 한줄씩 읽어가면서 바로 실행하는 방식이다. -> 실시간으로 텍스트 분석해서 실행이 된다 (코드에 문법 오류가 있다면 런타임 시점에 알려준다 ) -> 컴파일 방식과 차이점 ‼️ ⭐️ Java Script 사용법 inline(인라인) : 태그내에서 간단한 소스코드를 작성해서 실행되게 하는 방법internal(내부) : html문서 내에 소스코드를 작성해서 실행되게 하는 방법external(외부) : 별도의 .js파일로 소스코드를 작성해서 가져다가 실행되게 하는 방법 이렇게 3가지가 있는데 주..