본문 바로가기

JavaScript14

[JAVASCRIPT/JQUERY] 쿠키를 이용한 ID 저장 현재 서비스 중 인 웹 페이지에서 아이디 저장 체크박스만 있고 동작하지 않는걸 알았다! (왜 아무도 말안했지..) 그래서 쿠키를 이용해 아이디 저장을 체크하고 로그인하면 쿠키로 저장되고 불러오는 부분을 하단의 블로그를 참고해 처리했고, 자바스크립트(2번)와 제이쿼리(3번) 두가지 코드로 올려본다! setCookie, getCookie, deleteCookie는(4번) 공통이다. 1. HTML 아이디저장 2. JAVASCRIPT window.onload = function() { // 저장된 쿠키값을 가져와서 ID 칸에 넣어준다. 쿠키값 없으면 공백. var userLoginId = getCookie("userLoginId"); document.getElementById("ID").value = userL.. 2022. 7. 22.
[JAVASCRIPT/JQUERY] focus()가 동작하지 않을 경우 작업중 팝업이 켜지면 input으로 focus()를 주려했는데 동작하지 않았다.. focus()에 setTimeOut을 사용해 처리했다! setTimeout(function(){ $("#inputID").focus();//jquery document.getElementById('inputID').focus();//javascript }, 0); 2022. 7. 5.
[JAVASCRIPT] var, let, const 차이 JAVASCRIPT 변수선언시 사용하는 var, let, const의 차이에 대해 정리하려고한다! 스코프(Scope)와 호이스팅(Hoisting)의 개념에 대해서도 보게되었는데 따로 정리하도록하고 오늘은 var, let, const 개념정도만 정리하려고한다. - var var로 변수로 선언을 할때는 중복으로 여러번해도 오류없이 선언이 가능하다. 중복선언의 위험과 남용하는 문제 가능성이 높아 단점이 더 크다 볼 수 있으며 ES6부터는 이를 보완해 let과 const가 추가되었다. var name = 'kim'; console.log(name);//출력: kim //재할당 name = 'choi'; console.log(name);//출력: choi //재선언 var name = 'lee'; console... 2022. 6. 3.
[JAVASCRIPT/JQUERY] textarea 엔터키 <br>로 치환 DB에 저장된 textarea의 문자를 가져와 뿌릴때 textarea가 아닌 화면에 뿌려줄경우 줄바꿈(enter)이 되지않는다. 이때 줄바꿈을 로 바꿔줘보자! - JAVASCRIPT //enter => var text = document.getElementById("textarea").value; text = text.replace(/(?:\r\n|\r|\n)/g, ' '); // => enter var text = document.getElementById("textarea").value; text = text.replaceAll(" ", "\r\n"); - JQUERY //enter => var text = $('textarea').val(); text = text.replace(/(?:\r\n|\r.. 2022. 5. 10.
[JQUERY] 동적 table의 rowspan 병합 동적으로 생성되는 테이블에서 같은 값의 rowspan을 합겨줘야 하는 경우가 발생해 찾아보고 정리해둔다! - HTML 나이 이름 과목 합격여부 20대 테스터 정보처리기사 실기 합격 20대 테스터 정보처리기사 필기 불합격 20대 박스터 정보처리기사 필기 불합격 30대 노스터 정보처리산업기사 필기 합격 30대 노스터 정보처리산업기사 실기 합격 30대 노스터 정보처리기사 필기 합격 30대 노스터 정보처리기사 실기 불합격 40대 태스터 정보처리기사 필기 합격 40대 태스터 정보처리기사 실기 합격 - SCRIPT /* rowspan function */ $.fn.mergeClassRowspan = function (colIdx) { return this.each(function () { var that; $('t.. 2022. 3. 30.
반응형