본문 바로가기
반응형

Front-End/JAVASCRIPT8

[JQUERY] jquery란?, 문법 예시 jQuery는 2006년에 발표된 빠르고, 강력하며, 특징이 풍부한 자바스크립트 라이브러리입니다. HTML 문서 탐색, 이벤트 처리, 애니메이션 생성, Ajax 개발 등을 간단한 API를 통해 쉽게 할 수 있게 도와줍니다. 이 API는 여러 브라우저에서 동일하게 동작하도록 설계되었습니다. jQuery의 주요 기능 : HTML/DOM 조작: jQuery를 이용하면 HTML 요소를 선택하고, 콘텐츠를 변경하며, 요소를 추가/삭제하는 등의 DOM 조작을 손쉽게 수행할 수 있습니다. CSS 조작: jQuery를 이용하면 HTML 요소의 CSS를 쉽게 조작할 수 있습니다. HTML 이벤트 메서드: jQuery는 표준 JavaScript가 제공하는 이벤트에 추가로 사용자 정의 이벤트를 제공합니다. 이를 이용하면 웹.. 2024. 2. 8.
[JAVASCRIPT] 자바스크립트 함수에 대해서(콜백, 클로저) 자바스크립트에서 함수의 매개변수의 수와 실제 전달되는 인자의 수가 일치하지 않아도 함수는 실행됩니다. 매개변수의 수보다 더 많은 인자를 전달하면 초과된 인자는 무시되고, 매개변수의 수보다 더 적은 인자를 전달하면 값이 주어지지 않은 매개변수의 값은 undefined가 됩니다. function exampleFunc(a, b) { console.log(a); console.log(b); } exampleFunc(1); // 결과: 1, undefined exampleFunc(1, 2, 3); // 결과: 1, 2 (3은 무시됨) 콜백함수란 : 콜백함수는 다른 함수에 인자로 전달되는 함수를 말합니다. 이 함수는 나중에 이벤트가 발생하거나 특정 시점에 호출됩니다. function greeting(name) { .. 2024. 2. 5.
[JAVASCRIPT] 자바스크립트 연산자에 대해서(feat ... 연산자, 스프레드/나머지 연산자) 1. 산술 연산자: +, -, *, /, % 등 2. 할당 연산자: =, +=, -=, *=, /= 등 3. 비교 연산자: ==, ===, !=, !==, , = 등 4. 논리 연산자: &&, ||, ! 5. 비트 연산자: &, |, ^, ~, , >>> 6. 특수 연산자: ?, :, typeof, void, delete 등이 있습니다. 대부분의 연산자들은 다른 언어들과 쓰임새가 동일합니다. 자바스크립트의 독특한 연산자인 === 연산자와 ... 연산자에 대해 좀 더 자세히 알아보겠습니다. === 연산자란?? === 연산자는 일치 연산자라고 부릅니다. == 연산자와 달리, === 연산자는 피연산자의 타입과 값이 모두 일치하는 경우에만 true를 반환합니다. console.log(1 == '1'); // t.. 2024. 2. 5.
[JAVASCRIPT] 자바스크립트란?, 변수 할당 주의사항 및 호이스팅 자바스크립트는 웹 페이지에 다양한 기능을 추가하기 위해 만들어진 프로그래밍 언어입니다. HTML이 웹페이지의 구조를 만들고, CSS가 스타일을 적용하는 데 사용되는 반면, 자바스크립트는 동적인 요소를 추가하는 데 사용됩니다. 예를 들어, 사용자와의 상호작용, 서버와의 데이터 교환, 웹페이지에 대한 DOM (Document Object Model) 조작 등을 수행할 수 있습니다. 그럼 이제 자바스크립트의 변수 할당과 관련된 주의사항에 대해 설명하겠습니다. 1. 변수 이름은 숫자로 시작할 수 없습니다. 2. 변수 이름은 특수 문자를 사용할 수 없으며, 예외적으로 달러 기호($)와 언더스코어(_)는 사용 가능합니다. 3. 변수 이름은 예약어를 사용할 수 없습니다. 예를 들어, 'let', 'const', 'f.. 2024. 2. 5.
반응형