JavaScript == 와 === 의 차이점 자바스크립트에서 값을 비교할 때에 == 또는 === 을 사용해 값을 비교합니다. 이때 비교연산자 == 과 ===의 차이점에 대해 알아보겠습니다. == 와 === 차이점 먼저 자바스크립트를 사용하면서 === 연산자를 사용하는 경우가 더욱 많습니다. 이유는 == 에는 형변환 기능이 암묵적으로 발생합니다. (숫자와 문자열 비교 시 양쪽 모두 문자열로 변환해서 비교) == 와 === 예제 console.log(1004 == "1004");// true ("1004"를 1004으로 변환) console.log(1004 === "1004");// false (변환 X) console.log(1000 == "1e3"); // true ("1e3"을 1000으로 변환) c..
HashMap 정렬하기 TreeMap을 사용하면 데이터를 저장할 때 키(key)로 자동 정렬을 해주지만 HashMap은 정렬하는 방법을 이용해야 합니다. HashMap을 정렬하기 위해 java.util.Arrays - Arrays.sort 메서드를 사용해야 합니다. HashMap 키(key) 기준으로 정렬 import java.util.Map; import java.util.HashMap; import java.util.Arrays; public class Main { public static void main(String[] args){ Map animalMap = new hashMap(); animalMap.put(3, "monkey"); animalMap.put(1, "tiger"); animalM..
Java - 현재 실행중인 클래스명 / 메서드명 추출하기 프로그래밍을 하다보면 현재 실행 중인 클래스(Class)명이나, 메서드(method)명을 추출해서 활용해야 하는 경우가 있습니다. 디버그 로그를 출력하거나 에러를 확인할 때 등등 다양한 측면에서 활용이 가능합니다. 👉 우린 이것을 자바 표준 라이브러리만으로 클래스(class)명 또는 함수(method)명을 추출하는 방법을 알아보겠습니다. 클래스(Class) 이름 추출 ✔️ 클래스가 실행될 때 추출하는 방법 public class Test { public static void main(String[] args) { String className = new Object(){}.getClass().getEnclosingClass().getName(); ..
toCharArray() - 문자열 분해하여 char 배열로 return해주는 메서드 toCharArray() str.toCharArray() 는 문자열을 한 글자씩 쪼개서 이를 char타입의 배열에 넣어 return 해주는 메서드이다. 추가로 new String(char[] charArr) 를 활용하여 배열 -> String(문자열)로 만들 수도 있다. 사용법 - String(문자열)을 char 타입의 배열로 return한다. String str = "Hello World"; char[] charArr = str.toCharArray(); // [H,e,l,l,o, ,W,o,r,l,d] - char 타입의 배열을 합쳐 하나의 String(문자열)로 return 한다. char[] charArr = {'..
자료구조 큐(Queue) 큐(Queue)의 개념 큐(Queue)는 스택(Stack)과 반대로 '선입선출 FIFO(First In First Out)'의 구조를 가지고 있습니다. 말 그대로 먼저 들어온 것이 먼저 나가는 구조이기 때문에 데이터를 추가한 순서대로 제거할 수 있기 때문에 스트리밍 등 소프트웨어 개발에서 응용되고 있습니다. 좋은 예로 은행의 번호표가 있습니다. 은행에 방문해 기다리는데 늦게 온 손님이 먼저 온 저보다 먼저 업무를 보면 안되겠죠? 이러한 상황 때문에 은행에서는 먼저 온 손님이 늦게 온 손님보다 먼저 서비스를 받게 하기 위해 번호표를 나눠줍니다. 이러한 은행의 번호표의 체계가 큐(Queue)입니다. 큐(Queue)의 연산 1. Enqueue (Insertion) : 큐 맨 뒤에 어떠..
JavaScript 클릭 이벤트(click event) 사용법 클릭 시 어떠한 이벤트가 발생하기 위해서는 onclick / click 함수를 사용합니다. 자바스크립트의 클릭 이벤트를 활용하는 방법을 알아보겠습니다. 사용법 1 먼저 HTML 앨리먼트 태그에 onclick="" 을 붙여 사용하는 방법입니다. 클릭하세요. 사용법 2 다음은 자바스크립트로 앨리먼트를 직접잡아 핸들링하는 이벤트 활용 방법입니다. 클릭하세요.
JavaScript - change 이벤트 처리하는 방법 자바스크립트의 onchange() 이벤트는 셀렉트 박스의 값이 변경될 때 자주 사용합니다. selectbox의 옵션을 클릭할 때! 즉, 값이 변경될 때 onchange() 이벤트에서 사용자가 지정한 함수를 호출하여 사용할 수 있습니다. 문법 1 우선 HTML 태그에 직접 onchange를 명시하여 호출하는 방법을 알아보도록 하겠습니다. select 태그에 onchage를 아래와 같이 붙이게 되면 option값이 선택될 때 해당 함수 f_changeFunc(this) 가 호출됩니다. 직무를 선택하세요. 개발 인사 마케팅 직접입력 f_changeFunc 함수를 호출할 때 this로 자기자신을 파라미터로 전달하였기 때문에 해당 스크립트 함수에서는 $(변..
Ajax에서 beforeSend란? Ajax beforeSend beforeSend는 Ajax를 요청하기 직전의 콜백함수이다. 특정기능을 구현할 때 Ajax를 이용하여 해당 API에 직접 접근하여 데이터를 가져오는 상황에서 보안관련 이슈가 생길 수 있다. 해당 API에 접근하려면 header의 token을 전달하여 호출해야 하는 상황일 때, Ajax의 경우 beforeSend 부분을 추가하여 쉽게 처리가 가능하다. Ajax beforSend 문법 beforeSend를 활용하여 jqXHR 객체를 추가/수정 할 수 있으며, 아래의 경우에도 통신 직전에 jqXHR에 헤더값을 추가하여 전송한 것이다. function f_goAjax(config){ // 전달할 token, header 값 var token = ..
