Language/JavaScript 검색 결과
19 개의 검색 결과가 있습니다.
Language/JavaScript

[JavaScript] JavaScript trigger change 사용 방법

자바스크립트에서 select 태그를 사용했을 때, 사용자의 조작없이 자동으로 값이 변하게 할 때 사용하는 것이 trigger change다. 이번 글에서는 trigger change를 어떻게 사용하는 지에 대해 글을 작성한다. 목차 1. trigger change 사용 방법 1. trigger change 사용 방법 trigger change를 사용하는 방법은 정말 간단하다. 사용할 때의 시나리오를 먼저 정하면, 화면에서 조회하는 검색 조건에 따라 결과가 달라지는 것에 대해 적용하려고 한다. 일단, HTML에서 SELECTID의 name과 ID를 가진 SELECT 태그에 값을 변경할 경우 changeSELECTID() 함수를 타서 로직을 태우려고 한다. TEST01 TEST02 그래서, 아래와 같이, D..

2023. 6. 23.
Language/JavaScript

[JavaScript] JavaScript에서 undefined 구분하는 방법

정말 기초적인 것이지만, 자바스크립트에서 undefined라는 값이 있다. 그래서, 이 undefined를 구분해야 하는 경우가 있는데, 이 경우에는 typeof를 사용하면 된다. 목차 1. undefined 구분하는 방법 1. undefined 구분하는 방법 JavaScript에서 undefined를 구분하는 것은 정말 빈번하게 많이 사용된다. 대체적으로, Object 형식을 가져오거나, 아니면 input 태그에서 값을 가져오려고 하는데 값이 제대로 들어있지 않은 경우에 디버깅을 찍어보면 undefined가 나온다. 이 때 undefined를 구분하는 방법은 typeof를 사용하는 것이다. undefined는 == "" 이 형태로는 구분할 수가 없다. var test01 = $("#TEST01").va..

2023. 6. 5.
Language/JavaScript

[JavaScript] 자바스크립트(JavaScript)에서 Json key, value 가져오는 방법

자바스크립트(JavaScript)에서 Json 형식으로 데이터를 가져올 때, Json의 Key, Value 형식으로 가져오는데, 이 Json 형식의 Key, Value를 JavaScript 단에서 가져오는 방법을 정리한다. 1. Json Key 가져오기 아래의 코드와 같이, Object.keys()라는 메서드를 통해 json에서 key를 가져올 수 있다. json 데이터에 여러 개의 key가 있으면, 저 keys 안에 다 들어간다. let keys = Object.keys(json); 2. Json Value 가져오기 keys는 배열이기 때문에, 반복문을 돌려 순서에 해당하는 key를 뽑아내어 json에서 뽑아낸 key에 해당하는 value를 얻을 수 있다. for(let i = 0; i < keys.l..

2022. 8. 5.
Language/JavaScript

[JavaScript/Jquery] Jquery eq() 메소드란?

제이쿼리(Jquery)의 eq() 메소드는 앞에 가져오는 요소에서 인덱스 번호에 해당하는 요소를 가져올 때 사용하는 메소드다. eq() 메소드 문법 eq() 메소드의 문법은 아래와 같다. 제이쿼리(Jquery)의 변수에 인덱스 번호를 부여하여 eq() 메소드로 요소를 뽑아낸다. 자바에서 리스트 형태에서 가져오는 것과 똑같다. $변수.eq(인덱스 번호) 자바에서는 아래와 같이 가져온다. 아래의 코드에서 get(i)는 eq(i)와 똑같다. List test = new ArrayList(); for(int i = 0; i < test.size(); i++) { Map row = test.get(i); } eq() 메소드 예제 var $Map = jquery("#Map"); var $test = $Map.fin..

2022. 5. 14.
Language/JavaScript

[자바스크립트/JavaScript] 자바스크립트(JavaScript) 주소창 파라미터 없애는 방법

[자바스크립트/JavaScript] 자바스크립트(JavaScript) 주소창 파라미터 없애는 방법은 코드 1줄을 넣으면 된다. 아래의 코드를 Script 부분에 넣으면 된다. history.replaceState({}, null, location.pathname); // 주소창 파라미터 숨기기 이 코드는 팝업창이 열리자마자 파라미터를 숨겨주는게 아니라, 화면이 바뀌면서 파라미터를 숨겨준다. 즉, 파라미터로 화면 조회가 완료된 다음에 쿼리스트링으로 파라미터 부분을 날려준다.

2022. 4. 15.
Language/JavaScript

[자바스크립트/JavaScript] 자바스크립트(JavaScript) 이메일 형식 Validation 코드

자바스크립트(JavaScript)에서 화면 개발을 할 때, 이메일을 받아와야 하는 기능이 있곤 하다. 여기서 이메일을 입력하는데, 이메일 형식에 맞는지, 이메일 형식에 맞지 않는지를 체크해야 한다. 그래서, 프론트 단에서 체크하는 방법과 서비스 단에서 체크하는 방법이 있는데, 그 중에서도 여기서는 프론트 단에서 체크하는 방법을 기록한다. 사용 방법 자바스크립트(JavaScript)에 function 1개를 추가한다. 아래의 reg_email에 이메일 형식에 맞는 정규표현식을 넣는다. function CheckEmail(str) { let reg_email = /^([0-9a-zA-Z_\.-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/; let reg_email2 = /..

2022. 4. 12.