목록JavaScript (12)

특별한 일상

[JavaScript] Array forEach() 메서드 사용법(배열 forEach())

안녕하세요. 소다맛사탕입니다. 이번 포스팅에서는 자바스크립트 배열 요소에 대한 지정된 함수를 호출 하는 forEach() 메서드에 대해 간다하게 알아보겠습니다. ※ forEach() 메서드는 배열에서만 사용가능한 메서드 1. 사용법 array.forEach(callback(element, index, arr), thisArg) callback : 실행할 함수. 즉, function(){} element : 배열의 현재 요소. index : 요소의 인덱스. arr : forEach()가 호출한 배열 thisArg : 콜백을 실행할 동안 this로 사용할 값. 2. 예시(for example) // 배열 선언 var arrVal = []; arrVal.push("가"); arrVal.push("나"); ar..
IT•개발 끄적/JavaScript 2021. 5. 28. 21:10
[JavaScript] 특정 문자 검색 & 찾기 javaScript indexOf() lastIndexOf()

특정 값의 vaildation을 체크하거나 해당 값의 일치 여부를 판단하기 위해 indexOf() 라는 탐색 메서드를 종종 사용하곤 하는데.. 오늘은 이 특정 문자를 검색하거나 찾은 후 처리되는 indexOf() 메서드의 처리 방식에 대해 간단히 알아보려고 합니다. 1. indexOf() 특정 요소를 앞에서부터 검색하고 문자열의 위치를 리턴한다. indexOf(searchString, position) 2. lastIndexOf() 특정 요소를 뒤에서부터 검색하고 문자열의 위치를 리턴한다. lastIndexOf(searchString, position) 해당 문자(열)을 가지고 있는지 여부에 따라 값이 없는 경우 -1을 반환. 해당하는 값이 있는 경우 해당 위치 값을 반환. 예시를 통해 알아보겠습니다....
IT•개발 끄적/JavaScript 2021. 5. 19. 18:26
[REACT] 모던스크립트 리액트 hello world(react basic in modern script)

안녕하세요. 소다맛사탕 입니다. 이번 포스팅은 일반적인 HTML과 DOM 환경에서 리액트를 사용하는 방법에 대해 알아 보겠습니다. 리액트의 기본적인 사용법 기본적으로 HTML, DOM 환경에서 jQuery를 사용하는 CDN을 설정하는 것과 같이 리액트 라이브러리를 읽어 들이는 스크립트 즉, CDN을 선언해야 합니다. 앞의 두 줄은 리액트 라이브러리, 마지막 줄은 자바스크립트 문법 구문을 확장한 것입니다. 말 그대로 기본적으로 HTML에서 javaScript를 선언하게 되면 라는 형식으로 시작을 하는데 리액트 구문을 실행시키기 위해서는 를 선언해 JSX를 활성해야 합니다. JSX 란? 자바스크립트 안에서 HTML 문법을 사용해 VIEW를 구성할 수 있게 도와주는 자바스크립트 문법. 간단하게 모든 프로그래밍..
IT•개발 끄적/React 2021. 5. 11. 20:03
[JavaScript] 체크박스 전체 선택/해제

안녕하세요. 소다맛사탕 입니다. 간단한 체크박스 전체 선택 및 해제를 알아보겠습니다. HTML 전체 가 나 다 라 마 javaScript $(document).ready(function(){ $("input:checkbox[name='chkedAll']").prop("checked",true); $("input:checkbox[name='chkedAll']").click(function(){ if("input:checkbox[name='chkedAll']").is(":checked") == true){ $("input:checkbox[name='chkedlist']").prop("checked",true); } else { $("input:checkbox[name='chkedlist']").prop("c..
IT•개발 끄적/JavaScript 2021. 4. 3. 15:35
Prev 1 2 Next