JavaScript6

• [JavaScript] 호이스팅과 TDZ 🔍 호이스팅호이스팅(hoisting)은 JavaScript에서 변수 및 함수 선언이 스코프의 최상단으로 끌어올려지는 것을 의미한다. 이는 코드에서 변수나 함수를 선언하기 이전에도 해당 변수나 함수에 접근할 수 있다는 것을 의미한다. 변수 호이스팅은 변수가 선언되기 전에 변수가 이미 존재하는 것처럼 동작하는 현상을 설명한다. 즉, 변수를 선언하기 전에 변수를 사용할 수 있습니다. 그러나 이러한 호이스팅은 변수의 초기화 부분까지 끌어올려지지 않고 변수의 할당(초기화)은 그 위치에 그대로 남는다. 함수 호이스팅은 함수 선언이 스코프의 최상단으로 끌어올려지는 것을 의미한다. 즉 함수를 선언하기 전에도 함수를 호출할 수 있다.console.log(number)var number = 10console.log(nu.. JavaScript/Theory 2024. 5. 30.

• [JavaScript] 콜백 함수(Callback Function) 🔍 콜백함수정의 : 함수에 파라미터로 들어가는 함수용도 : 순차적으로 처리하기 위해 사용 (이벤트리스너에서 많이 사용함) *함수의 파라미터값에 첨부된 function() 이 콜백함수가 된다.1) 다른 함수의 argument, parameter 로 활용되는 함수2) 특정 이벤트(혹은 약속된 '시간' 등의 조건)에 의해 호출되어지는 함수🔍 forEach()에서의 활용forEach()는 단순하게 배열 내부의 요소를 사용해서 콜백 함수를 호출한다.[코드]const numbers = [3, 6, 9, 12, 15, 18];numbers.forEach(function(value, index, array) { console.log(`${index}번째 요소 ${value}`);});[결과]1번째 요소 3 2.. JavaScript/Theory 2024. 5. 24.

• 

  [JavaScript] Ajax를 이용한 ID 중복확인 🔍 function check()function check(){ // mid라는 ID를 가진 입력 필드의 값 가져오기 var mid = $('#mid').val(); // AJAX를 이용하여 서버에 중복 확인 요청 $.ajax({ type: "POST", // HTTP 메서드는 POST url: "check.do", // 서버로의 요청을 처리할 URL은 "check.do" data: { 'mid': mid }, // 서버에 전송할 데이터는 mid라는 키로 mid 변수의 값을 사용 dataType: 'text', // 서버에서 전송되는 데이터의 형식은 텍스트로 지정 success: function(data){ // 요청이.. JavaScript/Practice 2024. 1. 27.

• 

  [JavaScript] toggle메서드를 활용하여 이미지 출력 🔍 코드 버튼 💡 결과 버튼 클릭 전 버튼 클릭 후 JavaScript/Practice 2024. 1. 16.

• 

  [JavaScript] JSON 기초 🔍 JSON JSON은 JavaScript Object Notation의 약자로, 데이터 교환을 위한 경량의 형식이다. 주로 웹 애플리케이션과 서버 간에 데이터를 전송하거나 저장하는 데 사용된다. 그러나 언어에 독립적이며 다양한 프로그래밍 언어에서 지원된다. JSON은 텍스트 기반의 데이터 교환 형식으로, 사람이 읽고 쓰기 쉬우며 기계가 파싱하고 생성하기도 간편하다. 주로 두 가지 구조를 기반으로 한다. 🔍 JSON의 데이터 타입 문자열 (String): 큰따옴표로 둘러싸인 유니코드 문자열. 숫자 (Number): 정수 또는 부동 소수점 숫자. 불리언 (Boolean): true 또는 false. 객체 (Object): 중괄호 {}로 표현된 키-값 쌍의 집합. 배열 (Array): 대괄호 []로 표현된 .. JavaScript/Theory 2024. 1. 16.

• 

  [JavaScript] JavaScript, jQuery, AJAX 🔍 자바스크립트 (JavaScript) 자바스크립트는 웹 페이지에서 동적인 행동을 구현하기 위한 프로그래밍 언어이다. 클라이언트 측 웹 개발에서 주로 사용되며, 사용자와 상호작용하며 웹 페이지를 동적으로 만드는 데에 중점을 둔다. 🔍 jQuery jQuery는 자바스크립트 라이브러리로, 자바스크립트 코드를 더 쉽게 작성하고 브라우저 간의 호환성 문제를 해결하기 위해 개발되었다. 간편한 문법과 다양한 기능을 제공하여 DOM 조작, 이벤트 처리, 애니메이션 등을 편리하게 처리할 수 있다. AJAX를 사용하기 위한 메서드도 제공한다. 🔍 AJAX (Asynchronous JavaScript and XML) AJAX는 비동기적으로 서버와 통신할 수 있는 기술을 의미한다. 웹 페이지를 새로고침하지 않고도 서버와 .. JavaScript/Theory 2024. 1. 15.