방구석 상상코딩

정규표현식(Regular Expression) : 특정 규칙을 가진 문자열의 집합, 문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴 사용방법 리터럴을 이용한 생성 RegExp 객체를 이용한 생성 - 슬래쉬"/"로 감싸는 패턴 - 스크립트가 불러와질 때 컴파일 된다. - 정규식이 실행 시점에 컴파일 된다. var re = /ab+c/; var re = new RegExp("ab+c"); Meta 문자 : 표현식 내부에서 특정한 의미를 갖는 문자 Meta문자 설명 . 한 개의 어떤 문자와도 일치할 경우 \d 한 개의 숫자와 일치할 경우 \w 한 개의 문자나 숫자와 일치할 경우 \s 공백, 탭, 줄 바꿈, 캐리지 리턴 문자와 일치 ^ 패턴의 시작 표시 $ 패턴의 끝 표시 [] 문자종류..

input 태그 생성 값1 값2 값3 1) 값 확인 // id $('input:checkbox[id="checkBox의 id값"]').val(); // name $('input:checkbox[name="checkBox의 name값"]').val(); 2) 선택된 개수 확인 $("input[name='checkBox의 name값']:checked").length 3) 여러개 선택된 값 확인 - if 사용 var len = $("input[name='brand']:checked").length; if(len > 1){ //개수를 체크하고 2개부터는 each함수를 통해 각각 가져온다. $("input[name='brand']:checked").each(function(e){ console.log($(this..

select 태그 생성 값1 값2 값3 1) 선택된 값 확인 - id로 선택 $("[#select박스id] option:selected").val(); HTML 삽입 미리보기할 수 없는 소스 - name로 선택 $("select[name=select박스name]").val(); HTML 삽입 미리보기할 수 없는 소스 2) 기본값 지정 HTML 삽입 미리보기할 수 없는 소스 3) 비활성화 값2 HTML 삽입 미리보기할 수 없는 소스 4) 특정 option 목록에서 숨기기 값2 HTML 삽입 미리보기할 수 없는 소스 5) 변화에 따른 val값 가져오기 HTML 삽입 미리보기할 수 없는 소스 6) option 강제로 선택하기 - selectedIndex 사용 document.getElementById("sel..

input 태그 생성 값1 값2 값3 A B C 값 가져오기 Radio Button 값 확인 $("input[name='radio의 name값']:checked").val(); Radio Button 1개 선택 - 동일한 name 속성을 추가하여 1개만 선택할 수 있도록 한다. $("input[name='radio의 name값']:checked"). $(document).ready(function () { $('#radiobutton').click(function () { var radioVal = $('input[name="radiobox"]:checked').val(); }); }); Radio Button 다중 선택 - 서로 다른 name 속성을 추가하여 다중 선택을 할 수 있도록 한다. $(doc..

HTML 삽입 미리보기할 수 없는 소스

input 태그 생성 값 가져오기 function getinput() { // id 값으로 가져오기 var id = $('#inputID').val(); console.log(id); // class 값으로 가져오기 var inputclass = $('.inputCLASS').val(); console.log(inputclass); // name 값으로 가져오기 var inputname = $('input[name=inputNAME]').val(); console.log(inputname); } 값 설정하기 - attr : 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가 function setinput() { // id 값 설정 $('#inputID').attr('value..

Ajax 전송 Form 전송 전송 방식 비동기/동기 동기 방식 method 방식 type success funtion 방식 페이지 이동(Reload) X O Event(이벤트) 발생 Evnet Listener 생성을 통해 데이터 전송 별도의 코드 없이 HTML만으로 submit 이벤트를 통해 데이터 전송 content-type (request로 보내는 데이터가 무엇인지 확인) (기본) - application/x-www-form-urlencoded - key=value&key=value 형태로 전송 ex) data:id=${id}&email=${email}&email_auth_key=${email_auth_key} (기본) - application/x-www-form-urlencoded (파일전송) - ..

주석 소스코드에 영향을 주지 않고(컴파일 시 영향을 주지 않고) 작성한 코드 내에 설명을 달기 위해 사용하며, 한 줄 주석(라인 주석), 여러 줄 주석(블록 주석), 문서 주석 세 가지 종류가 있다. 1. 한 줄 주석 (라인 주석) // 기호를 이용하며, // 기호가 시작된 곳부터 해당 라인의 끝까지 주석으로 간주한다. 변수에 대한 설명이나 코드의 특정 부분에 대해 설명이 필요한 경우 라인 주석을 사용한다. int num; // 숫자를 저장하는 인트값입니다. // num 값이 0인 경우 출력! if(num == 0){ System.out.println("0입니다."); } 2. 여러 줄 주석(블록 주석) /* 기호를 사용하여 블록 주석의 시작을 정하고, */ 기호를 사용하여 블록 주석의 끝을 정한다. 메..

식별자(Identifier) 어떤 대상을 유일하게 식별 및 구별할 수 있는 이름을 뜻하며, 변수(Variable), 상수(final), 배열(Array), 메서드(Method), 클래스(Class) 등을 구분하기 위해 사용자가 정의하는 이름이다. 1. 일반적으로 영어 대문자, 소문자, 숫자를 식별자로 사용한다. 2. 특수문자(%, ^, &, * 등), 공백(탭, space 등)은 식별자로 사용할 수 없으나 밑줄(_)과 달러($)는 예외로 사용할 수 있다. 3. 한글도 식별자로 사용 가능하지만, 권장하지는 않는다. 4. 예약어(Keyword)는 식별자로 사용 할 수 없다. 5. 첫 글자를 숫자로 시작해서는 안되며, 숫자가 문자 뒤에 오는 것은 가능하다. 6. 대소문자를 구별한다. 7. 길이 제한이 없다. ..

캡슐화 get(getter), set(setter)을 하는 이유는 중요한 데이터를 보존 또는 보호하기 위함이다. 클래스에 담는 내용(예를들어 변수) 중 중요한 데이터나 기능을 외부에서 직접적으로 접근하지 못하게 (private / protected) 막고, 해당 내용을 외부에서 변경 혹은 가져오기 위해 get(getter), set(setter) 를 통해 값을 전달받고 전달함으로써 데이터의 무결성을 지킨다. 아래와 같이 userId와 userPw에 대한 정보를 캡슐화 한 클래스를 만든다. public class TestA { private String userId; private String userPw; // userId에 대한 get(getter) public String getUserId(){ re..