목록All (101)
noname02
문자열 값은 작은따옴표나 큰따옴표로 묶어서 작성한다.여러개의 칼럼이나 값을 넣는 경우 괄호로 묶고 콤마로 구분해준다.0-1. Syntax USE- DATABASE name : db 선택 CREATE- DATABASE name : 데이터베이스 생성- TABLE name : 테이블 생성- name : 칼럼 생성- DEFAULT value : 기본값을 value로 설정- AUTO_INCREMENT : 연속으로 번호 부여(기본키 속성 필수)- PRIMARY KEY : 기본키 속성(중복(X), NULL(X))- UNIQUE KEY : 고유키 속성(중복(X), NULL(O))- INDEX name : 인덱스 name 생성- ON tbname(column_name) : 테이블 tbname의 칼럼 column_name..
쿠키클라이언트에 저장하는 정보.사용자가 열어볼 수 있으므로 중요한 정보는 저장하지 않는 편이 좋다.$_COOKIE["이름"] 으로 쿠키값을 가져올 수 있다.setcookie(쿠키이름 [,쿠키값, 만료시간, 경로, 도메인, 보안]);쿠키이름 : 쿠키의 이름쿠키값 : 쿠키의 값만료 시간 : 초단위. 쿠키가 만료되는 시간을 설정. 지정하지 않으면 쿠키가 파일로 생성되지 않고 헤더에만 존재하여 브라우저가 닫히면 그와 동시에 쿠키도 사라진다.경로 : 쿠키를 사용할 수 있는 경로. / 로 설정하는 경우 웹사이트 모든 경로에서 사용 가능도메인 : 쿠키를 사용할 수 있는 도메인. 서브도메인에서도 사용할 수 있게끔 해준다. 예를 들어 naver.com 으로 설정하면 cafe.naver.com 에서도 사용 가능하다.보안 ..
php에서는 $_GET['name']이나 $_POST['name']으로 값을 가져올 수 있다. ... - 폼 태그 속성name : 폼의 이름(php에서 이름을 통해 값을 가져옴)action : 폼의 정보가 전달될 주소.(php스크립트 파일주소)method : 폼의 정보 전달 방식(get, post)enctype : 폼 데이터의 인코딩 타입 (post 방식일 경우 한정)target : 폼 데이터의 처리 후 보여줄 프레임이나 창의 이름(앵커의 target과 같음)- 폼 태그 이벤트 처리 함수onsubmit : submit을 실행하였을 때 이벤트 처리onreset : reset을 실행하였을 때 이벤트 처리 - type=" "text : 일반 텍스트 입력 상자password : 비밀번호 입력 상자file : 파..
1. 변수자바스크립트처럼 자료형을 결정짓지 않는다.변수 선언 키워드도 필요 없이 변수를 선언한다.jQuery 변수형처럼 $name으로 선언한다.함수 외부에 선언된 변수를 사용하려면 함수 내부에서 global 키워드로 재선언 해줘야 한다.define("name", "value"); 로 상수를 선언한다.유니코드 기반이므로 변수명을 한글을 포함한 다른 언어로도 선언 가능하다.2. 연산자$a === $b 는 자료형과 값이 같을 경우에만 참이다.$a !== $b 는 자료형과 값이 같지 않을 경우 참이다.두 문자열 변수를 결합하는 연산자는 . 이다. $c = $a . $b$c .= "안녕하세요" 는 $c = $c . "안녕하세요" 와 같다.두 배열을 결합하는 연산자는 + 이다.` 연산자는 쉘 명령을 실행한다.@ 연..
읽어오고자 하는 대상의 내용이 단순 text나 html 태그를 표현하며 읽어온 내용을 특정 요소에 출력하는 것만을 목적으로 할 경우, load 메서드를 사용해 코드를 축약할 수 있다. $("Selector").load("URL" [, function() { 성공했을 경우 콜백 메서드 }]); html파일을 불러올 경우 특정 요소만을 불러올 수 있는데 셀렉터를 사용하듯 사용하면 된다. $("Selector").load("URL #name" [, function() { }]);와 같은 방식으로 표현을 하면 된다.여기서 Selector는 load된 txt나 html 내용을 붙여넣을 셀렉터를 뜻한다.
날이 갈수록 개인정보 보호에 관련하여 보안정책을 점진적으로 강화하고 있습니다. 이에 따라 Web에서 회원가입 시 Password 설정을 복잡해진 보안정책에 맞추다 보니 복잡하게 조합해야만 정상적으로 가입을 할 수 있습니다. 이러한 강화된 보안정책 때문에 기존에 사용하던 자신만의 Password를 인위적으로 보안정책에 맞추는 경우가 많을 것입니다. 그러다 보니, 종종 Log-In을 할 때 Password를 잊어버려서 곤란한 상황이 발생하는 경우도 한번쯤은 있었을 것입니다. 일반적으로 이렇게 복잡한 조건이 필요한 경우 사용자에게 입력을 받을 때 여러 가지 조건을 주면서 정해진 규칙 안에서만 입력을 하도록 유도를 하고 있습니다. 이번 프로젝트를 진행하면서 사용자가 입력하여 DB에 형식에 맞도록 저장하기 위해 ..
개발 작업을 간단하게 처리하거나 자동화하는 jQuery는 자바스크립트의 핵심 라이브러리가 된지 오래입니다. 많은 개발자들이 jQuery의 기본 기능을 사용하여 작업을 수행합니다. 하지만 더 나아가 플러그-인을 사용하여 jQuery를 확장하여 사용하기도 합니다. 이미 배포된 플러그-인을 적용해서 사용할 수 있지만 직접 플러그-인을 개발하여 프로젝트에서 활용한다면 개발팀의 기술 수준 뿐만 아니라 개발 생산성을 더 높일 수 있습니다. 오늘은 왜 플러그-인이 필요한 지 알아본 다음, 간단한 플러그-인을 예로, 플러그-인 설계 규칙과 개발 방법을 소개합니다. 왜 jQuery 플러그-인을 만드는가다음과 같은 두가지 이유가 있습니다.일관된 코드 스타일을 유지한다.jQuery의 기반 코드를 잘 활용한다.jQuery가 ..
$("Selector").length 로 판단! 0이면 없는 것.
우선 로딩클래스를 만들고 html 문서에 기본으로 설정한다.그리고 보통 html문서가 로딩되고 난 뒤, 스크립트가 로딩되는데 이 때 로딩클래스를 제거한다. AJAX를 사용하는 경우$body = $("body"); $(document).on({ ajaxStart: function() { $body.addClass("loading"); }, ajaxStop: function() { $body.removeClass("loading"); } });를 참고한다. (ajaxStart, ajaxStop을 사용한다.)
간단. -=와 +=를 사용하면 됨
우선 애니메이션 효과를 낼 큰 div 컨테이너를 만든다.페이지 돌입시에는 jQuery 맨 윗부분에 컨테이너에 효과를 부여한다. 페이지 이동시에는 페이지의 모든 앵커(a)를 대상으로 클릭시 효과를 부여한다.이 때, 앵커를 클릭하였을 경우 디폴트 값으로 이동되는 것을 막기 위해 return false;를 삽입하고클릭시 앵커의 속성값에 있는 url 주소를 변수로 저장한다. var url = $(this).attr("href"); 그리고 콜백 메서드에 document.location.href = url; 을 통해 이동을 시켜주면 된다. 간단한 예제>>12345678910111213141516171819$(function () { $("body div").fadeIn(500, function () { $(this..
match() - 파라미터로 Regullar Expression을 전달한다. - /pattern/modifiers 의 형태이다. - pattern은 찾을 문자열, modifiers은 조건이다.
Visual Studio에서 less파일을 작업하면, simpLESS는 해당 less파일을 컴파일하지 못하는 현상이 발생한다. 이 경우 해당 less파일을 활성화 시키고 File -> Advanced Save Option.. 에 들어가서인코딩을 Unicode (UTF-8 without signature) - Codepage 65001 로 변경해주면 된다. 스크롤바 하단부에 있다.
var value = setTimeout(function(){ }, ms) - ms뒤에 function을 실행한다. clearTimeout(value) - setTimeout의 ms를 초기화시킨다. mouseover 이벤트와 mouseout 이벤트를 사용한다고 했을 때,mouseout 되고 나서 몇 초 뒤에 어떤 일을 수행하도록 setTimeout을 설정했다고 하자.그러면 mouseover가 되어있는 동안은 mouseout 이벤트에 설정된 function이 수행이 되면 안되는데, 이상하게도 수행이 된다. 따라서 mouserover 이벤트에 clearTimeout(value)을 지정해놓고 mouseout에setTimeout을 그냥 사용하는것이 아닌 value = setTimeout 형식으로 사용해서 이러한..
http://www.fyneworks.com/jquery/xml-to-json/ - xml을 json으로 변환해주는 플러그인
https://github.com/padolsey/jquery.fn
$.ajax()는 하나의 처리를 위해 작성하는 코드의 양이 길다. 따라서 간단한 처리를 위한 메서드가 존재한다.특정한 가공이 필요없으면 .load() 메서드를 사용하면 된다. 하지만 XML을 다루기 위해서는 get과 post를사용해야 한다. $.get() $.get("url" [,data] [, success function(data)] [,dataType]) - get은 전송된 값이 주소표시줄에 노출된다. ket=value의 형태로. - 그리고 전송할 수 있는 용량이 1024byte로 제한되어있다. - 따라서 큰 용량을 전송할 경우 post방식을 사용한다. $.post() $.post("url" [,data] [, success function(data)] [,dataType]) - form 태그 속성..
1. 반복성 없는 XML 데이터 12345678910111213141516171819202122$ajax({ ... success: function(xml) { // 데이터 추출 var value1 = $(xml).find("XML element").text(); ... // 데이터를 HTML로 동적 생성 var div = $(""); var p1 = $("").html(value1); .... // 데이터 조립 div.append(p1).append(p2).... // HTML에 표시 $("#id").append(div); }, ...}); cs 2. 반복성 있는 XML 데이터 - each메서드 사용. - $(this)로 접근. 12345678910111213141516171819202122232425..
$.ajax({"url": "주소","type": "get/post","data": "파라미터 문자열 key=value&key=value","dataType": "text/xml/json/jsonp","timeout": ms"cache": 이전 요청에 대한 캐쉬저장 여부(true, false),"success": 통신이 성공했을 때 실행되는 함수 function(data){ } "error": 통신이 실패했을 때 실행되는 함수 function(xhr, textStatus, errorThrown) { }}); error의 경우 - xhr : XMLHttpRequest객체 원본으로 HTTP ERROR CODE값이 포함된다. (404에러, 500에러 등) - textStatus : ERROR라는 고정값을 갖는..
https://github.com/Borismoore/jquery-tmpl
http://jqueryvalidation.org/ - 폼의 입력값 형식검사 플러그인.- 폼 요소에 필수입력값, 허용하지 않는 입력값 등을 검사