본문 바로가기

JavaScript19

javascript ajax 사용방법 예제 (바닐라, 기본 javascript) 순수 자바스크립트를 사용해서 ajax를 호출하는 방법에 대해서 정리한다. ajax를 잘 모르는 사람도 내용을 보고 사용할 수 있도록 쉽게 정리한다. jquery를 사용해서 호출하면 가독성도 좋고 편리하지만, 사실 순수 javascript 로만으로도 ajax 구현은 당연히 가능한 부분이다. jquery ajax 호출에 대한 부분에 대해서는 아래 포스팅을 참조하도록 하자. jquery ajax 사용방법 예제 jquery ajax 사용방법 예제 jquery ajax 사용방법 예제 jqeury 가 뭔지도 모르는 사람도 따라할수 있게 처음부터 정리한다. 1. Jquery import 하기 jquery ajax 사용하기 위해서는 jquery를 import 해야한다. jquery 파일을 다운로드 받아서 파 www.a.. 2023. 8. 29.
javascript 문자열이 유효한지 체크하는 함수 ( validation ) 상황에 따라 내가 원하는 유효한 문자열 이 포함 여부에 되었는지 체크하는 함수를 만들어 보려고 합니다. 유효체크 문자를 인자값으로 받아 여러가지 상황에서 범용적으로 사용을 할수 있도록 처리하도록 해보겠습니다 원하는 유효한 문자열로 값을 체크 아래를 통해서 자세히 알아보시기 바랍니다. function checkValidString(checkString, invalidString) { if (!checkString) return -2; // checkString이 null이거나 빈 문자열인 경우 -2를 반환 const invalidChars = new Set([...invalidString]); // 중복을 허용하지 않는 Set으로 invalidString의 문자를 저장 for (let i = 0; i < .. 2023. 4. 19.
Javascript replace 역참조 치환 예제 정규표현식 역참조 치환 간단한 예제 정규표현식 역참조 개념 역참조는 앞에서 일치 했던 하위표현식을 다시 참조한다는 의미이다. 하나의 정규표현식에는 여러개의 하위표현식이 존재하고 각 하위 표현식은 차례대로 저장된다. 역참조는 이를 다시 참조하는 방식으로 쓸수 있다. Javascript replace 역참조 치환 예제 역참조 문법은 정규표현식의 엔진에 따라 표현방식이 많이 다르다. 자바스크립트에서 역참조를 사용 치환 예제를 살펴보자. 하위표현식을 사용하지 않은케이스(reg1)와 하위표현식을 사용한 케이스(reg2)에 따라 어떤식으로 키워드를 사용하여 역참조 치환을 하는지 알아보자. 역참조를 사용하면 원문의 특정 패턴을 찾아 string + 패턴 + string 으로 치환이 가능하다. 또는 특정 패턴을 추출해.. 2023. 2. 6.
html상에서 get방식 파라미터 간단하게 처리 방법 html상에서 get방식 파라미터 간단하게 처리 방법 html상에서 파라미터를 받아 처리해야하는 상황이 있다. 자주있는 상황은 아니지만, 처리가 꼭 필요한 케이스가 있다. http://www.abcde.com/AAA.html?userId=user01&role=manager 위 같이 url path에 get방식으로 파라미터를 넘겼을때도 처리할수 있는 방법이 있을까? 컨테이너 위에서 동작하는 jsp 형태라면 아래와 같은 방식으로 처리가 가능하다 String userIId = request.getParameter("userId"); String rold = request.getParameter("role"); html에서도 가능할까?? html은 GET방식이라면 다소 제한적이지만 javascript level.. 2022. 4. 18.
javascript html문서로드 후 이벤트 발생 javascript html문서로드 후 이벤트 발생 보통 일반적으로 jquery를 import 해서 사용중일때 아래와 같이 처리 하곤한다. $(document).ready(function () { console.log('event!!'); }); jquery를 사용할수 없고 문서를 로드후에 스크립트 이벤트를 처리하고 싶을때가 당연히 있을것이다. 그럴때는 DOMContentLoaded 이벤트를 사용하면 된다. pure javascript 에서 동작하니 참으로 좋다. document.addEventListeners('DOMContentLoaded', function () { console.log('event'); }) 브라우저 호환성은 아래와 같다. 크롬은 1버전부터 full 전체 다 지원하니, IE 9 버.. 2022. 4. 18.
자바스크립트 문자열이 포함되어 있는지 체크 ( includes ) 자바스크립트 문자열이 포함되어 있는지 체크 ( includes ) 특정 값이나 문자가 포함되어 있는지를 확인할수 있는 includes 함수에 대해서 정리한다. includes를 이용해서 문자열 또는 배열에서 찾고자하는 해당하는 값이 있는지를 체크할수 있다. 많은 사람들이 문자열 또는 배열 하나에서만 동작 할것이라고 생각하지만, String, Array 두가지 타입 모두 동작 한다. 1. String.includes() 특정 문자열이 포함되어있는지 체크하기 위해서 사용할수 있다. 대소문자를 구분한다. str.includes([검색문자],[시작값:값이 없을경우 전체 대상]); 사용 예 ) var str = 'apple'; console.log( str.includes('a') ) ; // true conso.. 2022. 3. 16.