I'm sw engineer!

.html() 기본 사용법 $("selector").html(); ➡️ 셀렉터 하위의 자식 태그들의 태그와 문자열 모두 반환. .text() 기본 사용법 $("selector").text(); ➡️ 셀렉터 하위의 자식 태그들의 문자열만 반환 .val() 기본 사용법 $("selector").val(); ➡️ input 태그의 value 값을 반환

https://imswengineer.tistory.com/118 [javascript] 비동기 처리 동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 작업 방식. 작업이 직렬로 배치되어 실행, 작업 실행의 순 imswengineer.tistory.com https://imswengineer.tistory.com/119 [javascript] 콜백함수 콜백함수란? 콜백함수는 다른 함수에 매겨변수로 넘겨준 함수를 말한다. 함수를 파라미터로 받아서 함수안에서 또 다른 함수를 실행한다. 파라미터로 함수를 넘겨 받은 함수가 먼저 실행이 되 imswengineer.tistory.com 콜백함수를 여러번 중첩해서 사용하게 ..

콜백함수란? 콜백함수는 다른 함수에 매겨변수로 넘겨준 함수를 말한다. 함수를 파라미터로 받아서 함수안에서 또 다른 함수를 실행한다. 파라미터로 함수를 넘겨 받은 함수가 먼저 실행이 되고 나중에 파라미터로 넘어온 함수가 호출된다는 것에서 콜백Callback)함수라고 한다. 콜백함수는 필요에 따라 즉시 실행할수도 나중에 실행할 수도 있다. 파라미터로 넘길 때 함수의 이름만 넘겨주면 된다. 예 ) function add(x, callback) {let sum = x + x; console.log(sum); callback(sum); } 출처 : https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%..

동기식 (Synchronous) 먼저 시작된 하나의 작업이 끝날 때까지 다른 작업을 시작하지 않고 기다렸다가 다 끝나면 새로운 작업을 시작하는 작업 방식. 작업이 직렬로 배치되어 실행, 작업 실행의 순서가 확실함 비동기식 (Asynchronous) 동기식 방식과 다르게 먼저 시작된 작업의 완료여부와 상관없이 새로운 작업을 시작하는 방식. 작업이 병렬로 배치되어 실행, 작업의 순서가 확실하지 않아 나중에 시작한 작업이 먼저 끝나는 경우도 발생.

console.log로 식을 입력 후, 결과값이 undefined 가 뜨는 경우, ➡️ 반환한 결과값이 없을 때 console.log는 어떠한 값이 보이도록 출력하는 역할만 하기 때문에 반환할 값이 없을 때 undefined 가 뜬다. + undefined와 null 의 차이 undefined는 아무런 값이 담기지 않은 상태 → 자료형도 undefined로 나온다. null은 null이라는 값이 담긴 상태 → 자료형이 object로 나온다. 🔸undefined == null ➡️ true → 빈 값이라는 것은 같으므로 true 🔸undefined === null ➡️ false → 자료형은 다르므로 false

오늘 코드 테스트를 하면서 변수의 자료형을 확인해야 하는 경우가 생김 ! ✅ 숫자인지 아닌지 : isNaN(); 문자열 타입('123', "123") 이든 숫자( 123 ) 타입이든 숫자가 입력되면 false를 리턴, 이걸 몰라서 "숫자" 이런 리턴값이라 String타입이었는데 false를 출력하길래 숫자인줄 알았다. + 또 false를 리턴하는 경우 : 빈 문자열('', "", null), true, false, [] (배열), new Date() ✅ 타입유형 반환하는 함수: typeof(); 그래서 typeof();를 쓰니까 String 이라고 나왔다. 반환되는 값 🔸undefined : 변수가 정의되지 않거나 값이 없을 때 🔸number : 데이터 타입이 수일 때 🔸string : 데이터 타입이 문..

특정 열 숨기기 기능이다. $(document).ready(function() { $('#example').DataTable( { "columnDefs": [ { "targets": [ 3 ], ➡➡➡➡➡ 테이블의 왼쪽행에서 0부터 센다. 3이면 왼쪽에서 4번째 행이다. "visible": false } ] } ); } );

$.fn.dataTable.tables() : 페이지의 모든 DataTables 인스턴스를 가져온다. 예 ) $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { $.fn.dataTable .tables( { visible: true, api: true } ) .columns.adjust(); }) ➡️ 부트스트랩에서 탭으로 테이블이 전환될 때 열 너비 조정. 매개변수 1. visible ( boolean type ) : default 는 false, : true면 보이는 테이블만 반환, false면 모든 테이블을 반환. 2. api ( boolean type ) : true면 선택한 테이블에 대한 인스턴스 반환

.show.bs.tab : 클릭한 탭이 보이기 전에 실행. .shown.bs.tab : 클릭한 탭이 보인 후에 실행. 위와 시간적으로 거의 차이가 없습니다. .hide.bs.tab : 이전의 탭이 감춰지기 전에 실행. .hidden.bs.tab : 이전의 탭이 감춰진 후에 실행. 예) $('.nav-tabs a').on('shown.bs.tab', function(){ alert('New tab is now visible!'); }); -> 클릭한 탭이 완전히 나타난 후에 경고창이 뜬다.

new () 는 일반적인 객체 생성법으로 계속해서 새로운 객체를 생성하는 것이다. .getInstance()는 싱클톤 패턴을 적용한 객체 생성법으로 새로운 객체를 생성하는 것이 아니라 이미 만들어져 있는 객체의 인스턴스를 사용하는 것이다. 생성자를 private 접근제한으로 선언하고, 자신의 유일한 객체를 리턴하는 메소드를 선언하는 것이다. 최초 호출시 JVM에 static하게 생성하며, 메모리 낭비를 최소화 한다.