I'm sw engineer!

보통 제이쿼리 클릭 이벤트 사용시에는 아래와 같이 작성한다. $( ' 선택자 ' ).on ("click", function(){ // 이벤트 내용 } $( ' 선택자 ' ).click( function(){ // 이벤트 내용 } 그러나 동적페이지 에서는 해당 선택자를 대상으로 이벤트가 적용되지 않아 아래와 같이 작성해주어야 한다. $(document).on("click", "선택자", function(){ // 이벤트 내용 })

특정 문자열을 원하는 문자열로 바꾸어 줄 때 사용하는 함수이다. replace("-", "") : - 문자열을 공백으로 대체 시킨다. var date = "2022-07-27" var dateReplace = date.replace("-", ""); //출력결과 : 202207-26 해당 문자열을 모두 지정한 문자로 바꿔주고 싶을 때는 정규식을 사용해야 한다. ( 왜냐하면 javascript에는 replaceAll 함수가 없기 때문에 ) ✅ g : 발생할 모든 패턴에 대한 전역 검색 ✅ i : 대/소문자 구분 안함 replace함수를 사용하되, 따옴표를 슬래시 ( / )로 대체하고, 뒤에 gi를 붙이면 replaceAll()과 같은 기능을 한다. ※ 슬래시 ( / ) 사용시 역슬래시(\) 붙여서 사용 (..

!= !== 둘다 부등 비교 연산자로 != 는 양쪽 비교값이 다르면 true, 같으면 false 를 반환 !== 는 양쪽 비교값의 타입까지 고려하여 다르면 true, 같으면 false를 반환한다. 1 != "1" 는 false 1 !== "1" 는 true

break가 jQuery에서는 return false return false없이 코드를 작성하였는데 반복문을 빠져나오지 않아서 오류가 났었다. 갑자기 원래는 잘됐는데...

https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault Event.preventDefault() - Web API | MDN Event 인터페이스의 preventDefault() 메서드는 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자 에이전트의 기본 동작을 실행하지 않도록 지정합니다. developer.mozilla.org

jQuery.extend( 대상, object1 [, objectN ] ) ✅ 둘 이상의 개체의 내용을 첫 번째 개체로 병합합니다. https://api.jquery.com/jquery.extend/ jQuery.extend() | jQuery API Documentation Description: Merge the contents of two or more objects together into the first object. When two or more object arguments are supplied to $.extend(), properties from all of the objects are added to the target object. Arguments that are null or ..

,series: [ { name:'데이터 이름', data:[ { value: Data[0], itemStyle: { color: "#BFBFBF"} }, { value: Data[1], itemStyle: { color: "#FBE5D6"} }, { value: Data[2], itemStyle: { color: "#E2F0D9"} }, { value: Data[3], itemStyle: { color: "#5FC6E3"} }, ], }, ▪▪▪ ] 핵심은 파란글씨 부분! 데이터 Value를 나는 배열로 가지고 와서, 저렇게 입력해주었는데 그냥 값을 적어줘도된다. 각 데이터 별로 itemSyle - color를 다르게 지정해주면 데이터별로 원하는 색상으로 지정할 수 있다.

https://phppot.com/jquery/calculate-sum-total-of-datatables-column-using-footer-callback/

https://perlpark.github.io/articles/array-from/ https://perlpark.github.io/articles/array-from/ Array.from 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만듭니다. 이 메서드는 이름에서도 유추해볼 수 있다시피 어떤 데이터로 부 perlpark.github.io

✅ 예약어 / 키워드 : 자바스크립트에서 이미 기능적으로 정의되어 사용되고 있는 단어 ex) var, let, cocnst, function, if, for, while, switch ✅ 식별자 : 변수명이나 함수명처럼 어떤 것들의 이름을 지어주는 것. ➡️ 예약어/ 키워드는 식별자로 사용할 수 없다. ( 영문, 숫자, _, $ 만 사용가능 ) ➡️ 식별자의 처음으로 숫자는 올 수 없으며 여러단어로 연결되어있을 때 각 단어의 첫문자를 대문자로 작성하는 카멜케이스법에 따라 작성한다. ✅연산자 : 어떠한 프로그래밍적 처리를 하라는 의미를 가지고 있는 각각의 기호 ex) = (대입연산자), + / - (산술연산자) ✅표현식 : 값으로 평가될 수 있는 자바스크립트 구문 ex) 10+20 ( 표현식 ) , 30 ..