I'm sw engineer!

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://datatables.net/manual/events Events Events It can often be useful to know when DataTables or one of its extensions has performed a particular operation, for example a page draw, so other dependent elements can be updated to take account of the change. To provide this ability, DataTables will datatables.net

https://presentlife-coding.tistory.com/entry/%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%A4%91%EC%95%99-%EC%A0%95%EB%A0%AC%ED%95%98%EB%8A%94-2%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95 이미지 중앙 정렬하는 2가지 방법 목 차 이미지 중앙 정렬하는 2가지 방법 이 글에서는 position 속성 중 absolute와 transform 속성 중 translate를 이용하여 이미지 중앙 정렬하는 방법과 display 속성 중 flex를 이용하여 이미지 중앙 정렬하 presentlife-coding.tistory.com

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 ..

.filter() 메서드는 특정기준과 일치하는 모든 요소를 반환한다. $("p").filter(".intro") ➡️ 클래스가 "intro" 인 모든 요소를 반환 참고 : https://www.w3schools.com/jquery/traversing_filter.asp jQuery filter() Method W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com

https://dev-coco.tistory.com/65 메이븐(Maven)과 그래들(Gradle)의 개념 및 비교 스프링과 스프링부트를 공부 하려던 중 maven과 gradle을 알게되었습니다. maven과 gradle이 빌드관리도구인 것은 알고있지만 자세한 개념은 모르기에 maven과 gradle 각각의 개념과 정확한 차이점을 알 dev-coco.tistory.com https://hye0-log.tistory.com/27 [Spring Boot]배포 방법 비교 (JAR vs WAR) 스프링 부트의 장점 중 하나는 실행 가능한 JAR (Executable Jar)로 빌드하여 프로젝트를 바로 실행시킬 수 있다는 점이다. 실제로 스프링부트 관련 문서를 보다 보면 "Executable Jar"라는 단어를 ..