본문 바로가기

반응형

JavaScript

(43)
JavaScript loop 문 총정리 JavaScript에서 사용할 수 있는 다양한 반복문(루프)의 종류와 간단한 설명을 나열하겠습니다. 1. `for` 반복문 특정 횟수만큼 코드 블록을 반복합니다. for (let i = 0; i
JavaScript switch 문 개념 바로잡 JavaScript에서 switch 문은 특정 표현식을 평가하고 그 값에 따라 여러 코드 블록 중 하나를 실행합니다. switch 문은 if-else 문의 연속보다 더 깔끔한 방법으로 여러 경우의 수를 처리할 수 있습니다. 기본 구조 switch (표현식) { case 값1: // 표현식이 값1과 일치할 때 실행될 코드 break; case 값2: // 표현식이 값2와 일치할 때 실행될 코드 break; // 추가 case문 default: // 표현식이 어떤 case 값과도 일치하지 않을 때 실행될 코드 } break 문은 현재 case 블록을 종료하고 switch 문을 빠져나가는 데 사용됩니다. 만약 break를 생략하면 다음 case 블록이 실행됩니다. 예제 var fruit = 'apple'; s..
JavaScript "==" vs "===" 비교 연산자 == (동등 비교 연산자) == 연산자는 두 값이 동일한지 확인하되, 자료형은 고려하지 않습니다. 즉, 값의 자료형이 다르더라도 형 변환을 통해 값이 동일한 경우에는 참(true)으로 판단합니다. "5" == 5 // true, 문자열 "5"가 숫자 5로 형 변환됩니다. === (일치 비교 연산자) === 연산자는 두 값이 동일한지 확인하면서 자료형까지 일치하는지 확인합니다. 값과 자료형이 모두 일치해야 참(true)으로 판단합니다. "5" === 5 // false, 값은 같으나 자료형이 다릅니다. 요약 ==는 값만 비교하고, 필요한 경우 자동 형 변환을 수행합니다. ===는 값과 자료형 모두를 비교하여 완벽히 일치해야 참으로 판단합니다. 일반적으로 코드의 명확성과 예기치 않은 형 변환으로 인한 버그를..
javascript if구문 기초 개 기본 if 구문 if (조건) { // 조건이 참일 때 실행할 코드 } if-else 구문 조건이 참이 아닐 때 다른 코드를 실행하려면 else를 사용할 수 있습니다. if (조건) { // 조건이 참일 때 실행할 코드 } else { // 조건이 거짓일 때 실행할 코드 } if-else if-else 구문 여러 조건을 체크하고 싶을 때 else if를 사용합니다. if (조건1) { // 조건1이 참일 때 실행할 코드 } else if (조건2) { // 조건1이 거짓이고 조건2가 참일 때 실행할 코드 } else { // 모든 조건이 거짓일 때 실행할 코드 } 예제 var x = 10; if (x > 5) { console.log('x는 5보다 큽니다.'); } else { console.log('x..
JavaScript math method Math 객체 안에 있는 여러 가지 메서드를 사용하면, 수학적 계산을 쉽게 할 수 있습니다. 예를 들어, Math.메서드(숫자) 형식으로 사용할 수 있습니다. Math.abs(x): x의 절댓값 Math.acos(x): x의 아크코사인 (라디안) Math.acosh(x): x의 쌍곡선 아크코사인 Math.asin(x): x의 아크사인 (라디안) Math.asinh(x): x의 쌍곡선 아크사인 Math.atan(x): x의 아크탄젠트 (-PI/2 ~ PI/2 라디안) Math.atan2(y, x): y와 x의 몫의 아크탄젠트 Math.atanh(x): x의 쌍곡선 아크탄젠트 Math.cbrt(x): x의 세제곱근 Math.ceil(x): x를 큰 정수로 올림 Math.cos(x): x의 코사인 (라디안) ..
javascript 날짜 date 디테일 기본 개념 잡기 const today=new Date(year,month,day,hours,minutes,seconds,ms); 숫자를 입력할 때 자바스크립트는 0=1월~11=12월이다. today.toString()으로 날짜를 문자열로 변경시킬 수 있다. today.toUTCString()으로 utc 표준 시간으로 날짜를 문자열로 설정할 수 있다. today.toISOString()으로 ISO 표준 시간대로 설정할 수 있다. getFullYear() 4자리 년도 getYear() 사용안됨 getMonth() 월 getDate() 날짜 (일) (1일~31일) getHours() 시간(0-23) getMinutes() 분 getSeconds() 초 getMilliseconds() 밀리단위 초 getDay() 요일 getT..
JavaScript 배열 디테일 잡기 개체의 구성원 액세스 개체는 이름을 사용하여 "구성원"에 액세스할 수 있습니다. 예를 들어, 다음 개체가 있다고 할 때: const person = {firstName: "John", lastName: "Doe", age: 46}; 여기서 person.firstName는 "John"을 반환합니다. 자바스크립트 배열과 순환 예제 코드 const fruits = ["Banana", "Orange", "Apple", "Mango"]; let fLen = fruits.length; let text = ""; for (let i = 0; i = 18; }); console.log(adults); // 출력: [{ name: "John", age: 25 }, { name: "Jane", age: 18 }, { na..
JavaScript String Methods(스트링 매소드) String length length 속성은 문자열의 길이를 반환합니다. 예시: const str = "Hello World!"; const length = str.length; // 13 String slice() slice() 메서드는 문자열의 특정 부분을 추출하여 새로운 문자열을 반환합니다. (해당 원하는 알파벳의 인덱스 위치-1을) 예시: const str = "Hello World!"; const sliced = str.slice(6, 11); // "World" String substring() substring() 메서드는 주어진 인덱스 사이의 문자들을 반환합니다. 예시: const str = "Hello World!"; const substr = str.substring(0, 5); // ..
JavaScript 이벤트(Event) JavaScript와 HTML 이벤트 JavaScript는 이러한 이벤트가 발생할 때 코드를 실행하는 데 사용될 수 있습니다. HTML에서는 이벤트 핸들러 속성을 HTML 요소에 추가할 수 있으며, 이를 통해 JavaScript 코드와 연결됩니다. 따옴표 사용 작은따옴표: 큰따옴표: onclick 이벤트의 예 요소의 내용 변경: The time is? 자체 요소의 콘텐츠 변경: The time is? 함수 호출: The time is? 일반적인 HTML 이벤트 목록 일반적으로 사용되는 HTML 이벤트는 다음과 같습니다. onchange: HTML 요소가 변경됨 onclick: 사용자가 HTML 요소 클릭 onmouseover: 사용자가 HTML 요소 위로 마우스 이동 onmouseout: 사용자가 HTM..
JavaScript 표시 기능 사용 JavaScript는 다양한 방식으로 데이터를 "표시"할 수 있는 프로그래밍 언어입니다. 주로 웹에서 사용하며, 여기에는 다음과 같은 방법들이 있습니다. 1. HTML 요소에 쓰기 (innerHTML 사용) JavaScript에서 HTML 요소에 액세스하려면 document.getElementById(id) 메소드를 사용하고, innerHTML 속성을 사용해 HTML 콘텐츠를 정의할 수 있습니다. 예: HTML 요소의 innerHTML 속성을 변경하는 것은 데이터를 HTML로 표시하는 일반적인 방법입니다. 2. document.write() 사용 테스트 목적으로 document.write()를 사용하는 것이 편리합니다. 예: 단, HTML 문서가 로드된 후에 document.write()를 사용하면 기존..

반응형