Frontend/JavaScript(27)
-
자바스크립트 isNaN()
🔹 isNaN()isNaN() 함수는 값이 NaN인지 판별하는 자바스크립트 내장 함수예요.값이 숫자인지 확인할 때 사용되며, 숫자가 아닌 경우 true를 반환해요.문법isNaN(값)동작 원리isNaN()은 먼저 인자를 숫자로 암묵적으로 변환한 다음, 변환된 값이 NaN인지 확인해요.isNaN('hello') // true ("hello"는 숫자로 변환 불가능) isNaN(123) // false (숫자) isNaN('123') // false ("123"은 숫자로 변환 가능) isNaN(true) // false (true는 1로 변환됨) isNaN(undefined) // true (undefined는 NaN으로 변환됨)숫자가 아닌 값도 false가 나올 수 있어요isNaN('') // false →..
2024.12.04 -
자바스크립트 forEach()
forEach()배열의 각 요소에 대해 제공된 함수를 한 번씩 실행하는 메소드에요. forEach( function ( currentValue, index, arr ), thisValue ) 🔹 currentValue: 현재 처리되고 있는 요소🔹 index: 현재 요소의 인덱스 (선택)🔹 arr: 순회되고 있는 배열 객체🔹 thisValue: function을 실행할 때 this로 사용할 값 (선택) 예제 1: 배열의 요소 출력하기const data = ['a', 'b', 'c', 'd'];data.forEach(function(name){ console.log(name);}); 결과abcd 예제 2: 인덱스와 함께 출력하기const data = ['a', 'b', 'c', 'd'];da..
2024.12.04 -
AJAX 란?
✅ AJAX란?✔️ AJAX (Asynchronous Javascript And Xml) 는자바스크립트의 라이브러리 중 하나로 비동기식 자바스크립트와 XML의 약자로> 비동기(async) 방식이란? 웹페이지를 리로드하지 않고 데이터를 불러오는 방식을 말한다.브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체페이지를 새로고침 할 필요없이필요한 일부분의 데이터만을 갱신할 수 있게 도와준다.✔️ AJAX는 아래와 같은 기술들이 혼합적으로 사용되며,HTMLDOMJavascriptXMLHttpRequestETC서버와 [JSON, XML, HTML, 텍스트 파일]등을 주고 받을 수 있게 된다.✅ AJAX 왜 배워야할까?✔️ HTTP는 클라이언트에서 서버에 요청(Request)을 보내고 서버는 요..
2024.10.31 -
자바스크립트 at()
at()배열이나 문자열에서 주어진 인덱스에 해당하는 요소를 반환해요.이 메서드는 음수 인덱스를 사용할 수 있어서 끝에서부터 요소를 찾는 데 편리해요. at( 인덱스 값 ) 🔹양수 인덱스: 정해진 위치의 요소. 0은 첫 번째 요소 🔹음수 인덱스: 끝에서부터 역으로 요소. -1은 가장 마지막 요소 예제// 배열 예제let numbers = [10, 20, 30, 40, 50];console.log(numbers.at(0)); // 10console.log(numbers.at(-1)); // 50// 문자열 예제let greeting = "Hello, world!";console.log(greeting.at(0)); // 'H'console.log(greeting.at(-1)); // '!'
2024.06.14 -
자바스크립트 반복문
🔹1. while 문주어진 조건식의 평가 결과가 참이면 코드 블록을 계속해서 반복 실행한다. 조건문의 평가 결과가 거짓이 되면 실행을 종료한다.while 문의 구성while (조건){ 반복해서 실행할 코드;}ex.1) ▼let i = 0;while ( i 0) { console.log(`while:${i}`); i--;}// while:3// while:2// while:1❗️ 위의 예제 ex1.) 를 보면i의 값이 0부터 9일 때까지 실행되고 i의 값이 10이면 실행되지 않고 다음으로 넘어간다.i의 값을 증가시키는 i++을 꼭 넣어야 한다는 것에 주의해야 한다. 만약 i++이 없으면 i의 값이 계속 0이므로 무한 반복을 하게 되어 컴퓨터에 부담이 간다..🥲( 반복문에서 종료조건을 ..
2024.05.30 -
자바스크립트 선택문
선택문 switch변수에 저장된 값과 switch 문에 있는 경우(case) 값을 검사하여,일치하는 값이 있을때 해당하는 실행문을 실행합니다. switch (변수){ case 1값: 실행문1; /*변수값이 case값에 일치하는 데이터가 있으면, 해당하는 실행문 실행*/ break; //반복문을 강제로 끝내는 break; case 2값: 실행문2; break; case 3값: 실행문3; break; default: 실행문4; //일치하는 값이 없을경우에 실행 if 와 switch 차이점if문은 조건이 만족할 때 와 만족하지 않을때를 확인하기 위한 작업이 필요합니다.조건식이 많아 질수록 느려 질수 있습니다. if(){ document.write();}..
2024.05.30