개발노트

isNaN( value ) : 매개변수가 숫자형식이 아니면 true, 숫자형식이면 false를 반환한다. isNaN( 변수 ) // 숫자면 false // 숫자가 아니면 true let case1 = 123.456; console.log("case1 : " + isNaN(case1)); // case1 : false let case2 = "안녕하세요"; console.log("case2 : " + isNaN(case2)); // case2 : true let case3 = "123"; console.log("case3 : " + isNaN(case3)); // case3 : false let case4 = "123.456"; console.log("case4 : " + isNaN(case4)); // c..

동기 / 비동기 방식 이란? 1. 동기(Synchronous) : 요청한 작업이 끝날때까지 기다리는 방식이다. 요청이 들어오면 순차적으로 작업을 수행하고, 해당 작업이 수행 중이면 다음 작업은 대기한다. 장점 : 설계가 간단하고 직관적이다. 단점: 작업이 끝날때까지 아무것도 못하고 대기해야 한다. 2. 비동기(asynchronous) : 요청한 작업이 완료 되지 않아도 다음 코드를 실행하는 방식이다. A요청이 들어오면 A요청이 끝나지 않더라고 B라는 새로운 요청을 받으며, A요청에 대한 작업이 끝나면 해당 요청을 처리한다. 장점 : 요청한 작업이 끝나지 않아도 다른 작업 수행 가능 단점 : 설계가 복잡하다 1) 비동기를 사용하는 이유는? 자바스크립트는 싱글 스레드 기반의 언어로, 한번에 하나의 작업만 처..

HTML5에서 도입된 data-* 속성은 웹 개발자들에게 웹 페이지의 HTML 요소에 추가 정보를 저장할 수 있는 유연한 방법을 제공합니다. 이러한 사용자 정의 데이터 속성은 JavaScript를 통해 쉽게 접근하고 조작할 수 있으며, CSS에서도 일부 사용 사례에 활용될 수 있습니다. data-* 속성이란? data-* 속성은 HTML 요소에 고유한 정보를 저장하기 위해 설계되었습니다. 이 속성의 이름은 data- 뒤에 사용자가 정의하는 이름으로 구성됩니다. 예를 들어, data-id, data-role 등과 같이 사용할 수 있습니다. 속성 읽기 // HTML 요소에서 data-* 속성에 접근하기 const element = document.querySelector('#myElement'); const..

var let const 변수 재선언 O X X 변수 재할당 O O X 1. var 1-1) 재선언 / 재할당 var test = 'test'; console.log(test); var test = 'javascript'; console.log(test); 같은 변수명으로 선언했으나 오류가 발생하지 않고 각각 다른 값으로 출력된다. (변수 재선언 가능) ⇒ 유연한 변수 선언으로 간단한 테스트에는 적합하나, 코드량이 많아질 경우 변수 파악이 어려움 (이를 보안하기 위해 ES6이후 let / const 변수 선언 방식 추가됨) 2. let 2-1) 재선언 // var -> let 변경 let test = 'test'; console.log(test); let test = 'javascript'; consol..

oninput onchange input, textarea 태그에서만 사용 가능 input, textarea, select 태그에서만 사용 가능 입력 할 때마다 바로바로 데이터를 확인 태그에서 초점(focus)를 잃은 순간에 작동 = 데이터를 입력 하고 다른 곳을 클릭 하면 작동 1. oninput - input / textarea 태그에서 데이터 입력 시에 주로 사용 - 입력할 때마다 바로 데이터 확인 가능 - javascript 이벤트 ( 리스너 ) - 유효성 검사에 주로 사용 HTML 삽입 미리보기할 수 없는 소스 2. onchange - input, textarea, select 태그에서 데이터 입력시에 주로 사용 - 태그 밖의 영역 선택시 작동 HTML 삽입 미리보기할 수 없는 소스 https:..

빈 값 체크 - input : text / password / radio / checkbox - select HTML 삽입 미리보기할 수 없는 소스 https://roomkok-ic.tistory.com/44 [HTML] select 박스 값 가져오기 select 태그 생성 값1 값2 값3 1) 선택된 값 확인 - id로 선택 $("[#select박스id] option:selected").val(); 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 홍길동

JavaScript로 배열 생성 - 데이터 타입이 동일하지 않아도 배열 생성 가능 - 크기 동적으로 변경 가능 [ 사용 방법 ] 1. 배열 리터럴 대괄호([ ]) 사용 HTML 삽입 미리보기할 수 없는 소스 2. Array( ) 함수 사용 HTML 삽입 미리보기할 수 없는 소스 https://gent.tistory.com/294 [JavaScript] 자바스크립트 배열(Array) 생성 및 사용법 쉽게 정리 자바스크립트에서 배열을 만드는 방법 2가지 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 Array() 생성자 함수로 배열을 생성하는 방법 배열 리터럴 대괄호([ ])를 사용하여 만드는 방 gent.tistory.com

문자 → 숫자 (정수형) var val = "123"; // 결과 : 123 parseInt(val); Number(val); 문자 → 숫자 (실수형) var val = "123.456"; // 결과 : 12.456 parseFloat(val); Number(val); 숫자 → 문자 var val = 123; // 결과 : "123" String(val); val.toString();