위에 사진처럼 값이 테이블 옆으로 삐져나온다.... 근데 한글로 입력했을 때는 줄바꿈이 잘된다. 이유는 한글은 다음 칸으로 내려도 말이되지만, 영어는 줄바꿈을 하게되면 뜻을 상실하기 때문.. 그래서 저 테이블 td태그 css에다가 word-wrap 속성에 break-word를 주게되면 박스에 넘친 단어(영어, 숫자)를 박스안에다 줄바꿈해서 넣어준다. word-wrap : break-word
submit 후 팝업창 닫기 삽질을 조금이라도 막기위해 작성합니다.. 보통 form태그를 전송할 때, 123document.form_name.action = " "; document.form_name.submit();cs 이런 식으로 mapping 경로를 action에 적어주고 submit으로 전송하는데, 팝업창에서 submit으로 전송을 하게되면 팝업창은 닫히지않고 그대로 남아있는데, 우리는 데이터 전송 후, 팝업창을 닫아야합니다. 그래야 깔끔하니까요 GOOD 위에서 submit()을 사용하여 데이터 전송까지는 했습니다. 123document.form_chk.action = '${pageContext.request.contextPath}';document.form_chk.submit();window.o..
문서 객체 메소드 정의 및 사용방법 정리 - 21234567891011addClass() //문서 객체의 클래스 속성을 추가removeClass() //문서 객체의 클래스 속성 제거attr() //속성과 관련된 모든 기능을 수행removeAttr() //문서 객체의 속성을 제거css() //스타일과 관련된 모든 기능을 수행html() //문서 객체 내부의 글자와 관련된 모든 기능을 수행(HTML 태그 인식)text() //문서 객체 내부의 글자와 관련된 모든 기능을 수행remove() //문서 객체 제거empty() //문서 객체 내부를 비움$() //문서 객체를 생성clone() //문서 객체를 복사cs 두번째 정리 입니다. html() 와 text() html() , text()의 차이는 무엇일까요?..
문서 객체 메소드 정의 및 사용방법 정리 - 1 문서 객체 메소드정의부터 살펴보고 가겠습니다!! 1234567891011addClass() //문서 객체의 클래스 속성을 추가removeClass() //문서 객체의 클래스 속성 제거attr() //속성과 관련된 모든 기능을 수행removeAttr() //문서 객체의 속성을 제거css() //스타일과 관련된 모든 기능을 수행html() //문서 객체 내부의 글자와 관련된 모든 기능을 수행(HTML 태그 인식)text() //문서 객체 내부의 글자와 관련된 모든 기능을 수행remove() //문서 객체 제거empty() //문서 객체 내부를 비움$() //문서 객체를 생성clone() //문서 객체를 복사cs 아래는 메소드에 대한 설명 및 예시입니다. 몇가지..
$.getJSON()을 이용한 중복체크 기능 만들기 아이디나 비밀번호를 사용자가 입력할 경우, 우리는 중복체크 기능을 넣어서 중복을 제외시켜야한다. jquery api에 나와있는 ajax ---> jQuery.getJSON()에 대한 설명 먼저 보자. https://api.jquery.com/jQuery.getJSON/#jQuery-getJSON-url-data-success jQuery.getJSON() | jQuery API Documentation Description: Load JSON-encoded data from the server using a GET HTTP request. This is a shorthand Ajax function, which is equivalent to: 1 2 3..
문제) 아래 문장에서 Media를 대소문자 구분없이 찾기 1 2 3 RegExr was created by gskinner.com, and is proudly hosted by Media Temple. Edit the Expression & Text to see matches. Roll over matches or the expression for details. cs 답 : /\bmedia\b/i 설명 : 정규식은 기본적으로 문장의 앞뒤에 슬러쉬 / / 를 써주게 되고 문장의 끝 /뒤에 i를 쓰게 되면 *** i = [a-zA-Z]와 같은 대 / 소문자를 무시한다. \b로 시작해서 \b로 끝나는 이 \b는 영어로는 boundaries, 경계라는 뜻이다. /\bmedia\b/ 이렇게 쓰게 되면 by| |..
https://regex101.com/ Online regex tester and debugger: PHP, PCRE, Python, Golang and JavaScript Please wait while the app is loading... regex101.com https://regexr.com/ RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com
DOM(문서 객체 모델) 과는 별개로 BOM(브라우저 객체 모델)이 있다. 일단, 브라우저 객체 모델 참고 자료 사이트 https://developer.mozilla.org/ko/docs/Web/API Web API 웹 코드를 작성한다면 많은 API를 사용할 수 있습니다. 아래 목록은 웹 앱이나 웹 사이트를 만들 때 사용할 수 있는 모든 인터페이스(객체의 유형)입니다. developer.mozilla.org https://devdocs.io DevDocs Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, PHP, Ruby, Pyt..
우리는 생성자 함수를 생성할 때, function Fn(name, age, area, ){ //속성 this.name = name; this.age = age; this.area = area; //메소드 this.getSum = function(){ return ~~~; } } 이런식으로 속성과 메소드를 한 생성자 함수 안에다가 선언을 하고 사용을 하는데 이는 메모리를 쓸데없이 잡아먹는 아주 안좋은 방법이다. 기본적으로 속성을 추가하고 실행할 때마다 우리는 공통기능을 가지고 있는 메소드도 같이 생성이 되는데, 이게 쌓이고 쌓이다보면 메모리를 잡아먹게 된다. 그렇기 때문에 우리가 사용해야할 방법은 바로 "prototype" 이다. prototype은 생성자 함수로 생성된 객체가 공통으로 가지는 공간으로 메..
Javascript에는 선언적 함수와 익명 함수가 있다. 선언적 함수는 function 함수() {} 이런 함수를 선언적 함수라 하며, 익명 함수는 var 함수 = function(){ } 이런 함수를 익명 함수라 한다. 선언적 함수와 익명 함수는 조금의 차이가 있는데, 선언적 함수의 예를 보자. 위의 예제에서 함수()는 함수B 이다. 라는 alert이 출력된다. * 웹 브라우저는 script 태그 내부의 내용을 한 줄씩 읽기 전에 선언적 함수부터 읽기 때문. 그래서 2 -> 3 -> 1번째(함수();) 순으로 읽게 된다. 익명 함수의 예를 보자. 이는 에러가 나게 된다. 이유는 변수를 선언하기 전에 함수를 호출했기 때문에..
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 $(document).ready(function(){ $("input#admin_tel").blur(function(){ $("input#admin_tel").blur(function(){ var num = $("#admin_tel").val(); blur(num) }); $("input#admin_tel").click(function(){ var num = $("#admin_tel").val(); focus(num); }); }); }); }); function focu..
1. 이벤트를 중간에 가로 챌수 있어야한다. ( 마음대로 조작 )ex) function handleResize(){console.log("haha");}window.addEventListener("resize", handleResize); 여기서 포인트!!!window.addEventListener 안에서 함수를 호출할 때, handleResize()와 handleResize로 사용하는 것은 엄연히 다르다.handleResize로 사용할 경우, resize 이벤트가 실행이 될 때, 실행하는 것handleResize()로 사용할 경우, 즉시 함수실행. 2. prompt는 더이상 쓰지않는다 ( 옛날 방식 )-> alert 같은 거 3. localStorage - 사용자 컴퓨터에 저장하는 방법 ( 정보를 변경..