DevelopBTS

ajax는 비동기식으로 데이터를 처리하여 정적 웹환경을 동적으로 만들어준 이쁜 기능이다. ajax를 통해 받아온 data를 가지고 success 구문 내부에서 데이터 처리를 할 경우는 문제가 없지만, ajax를 통해 받아온 data를 ajax 구문 밖으로 꺼내서 활용하고자 할 경우 문제가 발생한다. ajax에서 동기, 비동기 설정을 async로 해주며 기본 값이 "true"이다. 따라서 async: false로 해주면 동기식으로 변경된다. 아래와 같이 ajax를 통해 넘겨받은 data가 있으면 변수에 "Y" 담아 return하는 함수이다.(기본 "N" return) function isFunction() { var flag = "N"; $.ajax({ data: {data: "data"}, url: "u..

Javascript는 기본 문자열 표기를 따옴표(') 또는 큰따옴표(")를 이용하여 사용한다. .html() 함수를 통해 다양한 propery가 설정된 html tag를 문자열로 넣거나 따옴표, 큰따옴표가 여러개 혼용된 문자열을 변수로 사용할 경우 문제가 발생한다. 이 때 처리 방법이 혼동되는 경우가 있어 정리한다. 아래의 태그를 문자열로 담아 꺼내 쓰려고 한다. //담고자 하는 tag 저장 //변수에 저장 const saveTag = "저장"; //Jquery html 뿌리기 $("div.test").html(saveTag); a tag안에 onclick 시 Javascript function을 실행하는데 function 명을 동적으로 받아 처리하는 태그이다. 이 태그를 통째로 큰따옴표에 담아 변수에 ..

회원가입 시 아이디, 비밀번호, 이메일 등을 검증하여 잘못된 부분을 사용자에게 수정요청할 때 alert과 함께 focus를 해주는 경우가 있다. 이 때 기본 focus의 경우 해당 입력폼의 커서를 가져다 주는 정도인데, onfocus="this.select()"옵션을 추가하면 focus 받은 해당 입력폼의 value값이 블록이 씌워져 보다 용이한 수정이 가능하다. 사용자 입장에서 사소한 편의를 느낄 수 있다. 이전 포스팅에 있던 ime-mode까지 적용해주면 사용자는 보다 편하게 Email을 수정할 수 있다. //Email 폼에 focus가 가면 기존 내용이 블록에 싸이고 기본 언어 영어 설정

JavaScript는 replaceAll이 없어서 replace에 정규표현식을 통해 모든 패턴을 탐색해줘야한다. 사용하는 정규표현식은 (문자열).replace(/(지울내용)/gi,"")이다. → 슬래쉬 사이에 입력된 문자(지울내용)를 문자열 전체를 탐색해서(g) 대소문자 구분없이(i) 지운다.("") lat word = " ab ddd bbfb "; //변수 저장 word.replace(" ",""); //맨 앞 공백 하나만 지워진다. word.replace(/ /gi,""); //공백 제거 word.replace(/\s/gi,""); // 정규식에서 \s는 공백을 나타낸다. 위 식과 동일하다. 가장 간단한 치환 함수로 다양하게 응용할 수 있다. .replace(/,/,"@") //모든 콤마(,)를 @로..