I'm sw engineer!

.jar와 .war ( 확장자 ) 둘 다 모두 Archive ( 압축 ) 파일로, 애플리케이션을 간단하게 배포하고 어느 환경에서나 구동시킬 수 있도록 소스와 관련파일 들을 하나로 패키징한 것. JAR ( Java Archive ) : 여러개의 자바 클래스 파일과 클래스에서 필요로 하는 관련 리소스들, 메타데이터들을 하나의 파일로 모다서 자바 플랫폼에 응용 소프트웨어나 라이브러리를 배포하기 위한 소프트웨어 패키지 파일 포맷 압축을 해제해주지 않아도 JDK 에서 접근해서 사용할 수 있도록 지원하는 편리함이 있다. WAR ( Web Application Archive ) : 자바서버페이지 (JSP), JAVA Servlet, JAVA Class, XML, File Tag Library, HTML등등 웹애플리케..

화살표 함수 를 쉽게 설명하면, function 키워드와 식별자를 빼주고 소괄호와 중괄호 사이에 => (화살표)를 넣는것. 식별자가 없기 때문에 호출을 할 수가 없다. 함수표현식을 사용하여 변수에 화살표 함수를 할당해주면 다른곳에서 호출해여 쓸 수 있다. 화살표함수의 특징 1 함수의 중괄호 안에 return 식만 포함이 된다면, 중괄호와 return을 지우고 표현해도 정상적으로 작동된다. console값이 40으로 찍힌다. 화살표함수의 특징 2 매개변수가 하나라면 소괄호를 생략가능하다. console값이 100으로 찍힌다. 화살표함수의 특징 3 매개변수가 없다면 소괄호만 작성한다. console값이 3.14로 찍힌다. 화살표함수의 특징 4 return 값이 객체일때 + return 식만 존재할 때 주의해..

var table = $('#example').DataTable({ ajax: 'https://gyrocode.github.io/files/jquery-datatables/arrays.json', createdRow: function(row, data, dataIndex){ // If name is "Ashton Cox" if(data[0] === 'Ashton Cox'){ // Add COLSPAN attribute $('td:eq(1)', row).attr('colspan', 3); // Hide required number of columns // next to the cell with COLSPAN attribute $('td:eq(2)', row).css('display', 'none'); $(..

선택 당월 누적 기간을 설정하는 selectbox를 만드는데, 사용자가 선택할수는 없지만 필요한 option을 추가하기 위해서 option 태그에 hidden 속성을 추가하였다. 사용자가 앞쪽에 기간을 임의로 설정을 하면 change event 가 발생할 때 선택이라는 option 이 선택되도록 하였다. tag에 hidden 을 주면 사용자에게 숨길 수 있다는 것은 알았지만 여러 option 태그 중에 하나, 부분만 숨기는 설정을 처음 경험해 보아서 기록으로 남긴다.

function addPct(value){ if ( isNaN(value) ) { // 값이 없어서 NaN값이 나올 경우 value = 0.0; } return value; } 비율을 구하는 코드식을 짜고 있는데 0 / 0을 계산하니 값이 NaN 으로 뜨는 문제점이 발생하였다. 그래서 계산된 value값이 NaN 일 때 0.0으로 값을 반환해주는 메서드를 작성하여 문제를 해결하였다.

div태그는 대표적인 block 속성을 가지고 있다. grid나 flex 또는 float 속성으로 div를 한줄에 배치할 수도 있지만 그런 설정말고 div자체를 겹쳐야하는 방법을 찾아보았다. 겹치는 것에도 부모태그안의 div를 부모와 겹치게 하는 것도 있고, 각각의 div 태그를 겹쳐야 하는 경우도 있는데, 나의 경우엔 후자이다. position : absolute 로 설정하면 다른 어떤 것들에도 구애받지 않고 위치를 설정해 줄 수 있다. top, bottom, left, right 방향으로 절대적인 위치를 설정해주면 그 위치에 배치할 수 있다. 부모요소를 기준으로 설정이 되지만 부모요소가 없다면 body태그 기준이라는 것도 알아두자. 만약에 다른 요소와 겹쳐서 보이지 않는 경우에는 z-index 를 사..

EtcResult = arr.reduce( function add(sum, currValue){ return sum+ currValue; },0); reduce() 함수가 자바스크립트에서 배열의 합계를 구해주는 함수이다. reduce() 는 sum ( 누적 합계 )와 currValue( 현재 배열 값 )을 파라미터로 받는다. 함수뒤에 0은 초기값 ( 초기 sum 값 )을 설정해둔것이다. 혹시라도 빈배열에 적용했을 때 에러를 방지하기 위해서는 초기값을 설정해두는 것이 좋다. 참고: https://cocobi.tistory.com/134

버튼그룹으로 만들고 싶은 태그를 부모 div태그로 감싸고 "btn-group" 클래스를 부여하면 된다. 1. button 태그에 적용시킬 때 Left Middle Right 2. a 태그에 적용시킬 때 Active link Link Link https://getbootstrap.com/docs/5.0/components/button-group/ Button group Group a series of buttons together on a single line or stack them in a vertical column. getbootstrap.com

// 배열 오름차순 정렬 function Ascending(arr){ arr.sort((a, b)=> a - b); } // 배열 내림차순 정렬 function descending(arr){ arr.sort((a, b)=> b - a); } ( sort () 함수 ( Array.prototype.sort )는 파라미터를 생략할 경우 문자열로 값을 취급하기 때문에 숫자배열도 문자열로 치환되어 아스키코드에 따라 정렬이 된다. 파라미터로 ( a, b )=> a - b를 전달하면 반환값이 0보다 작으면 ( a - b 0 ) b가 a보다 앞에 온다. 그래서 오름차순 정렬시에..

https://www.w3schools.com/jquery/eff_hide.asp jQuery hide() 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 $('#slMamt').on('click', function() { $(".mqty").hide(); $(".mamt").show(); }); $('#slMqty').on('click', function()..