Developer Factory

전자우편 주소: /^[a-z0-9_+.-]+@([a-z0-9-]+\.)+[a-z0-9]{2,4}$/ URL: /^(file|gopher|news|nntp|telnet|https?|ftps?|sftp):\/\/([a-z0-9-]+\.)+[a-z0-9]{2,4}.*$/ HTML 태그 - HTML tags: /\]+)\>/ 전화 번호 - 예, 123-123-2344 혹은 123-1234-1234: /(\d{3}).*(\d{3}).*(\d{4})/ 날짜 - 예, 3/28/2007 혹은 3/28/07: /^\d{1,2}\/\d{1,2}\/\d{2,4}$/ jpg, gif 또는 png 확장자를 가진 그림 파일명: /([^\s]+(?=\.(jpg|gif|png))\.\2)/ 1부터 50 사이의 번호 - 1과 50 포..

참고 : http://opentutorials.org/course/697/3868http://ckeditor.com/demo 파일 업로드 & CKEditor2013-03-20 04:38:01수업소개이번 수업에서는 오픈소스 위지윅 에디터인 CKEditor을 이용해서 파일을 서버로 전송하고, 전송된 데이터를 CI의 upload 라이브러리 클래스로 받아서 저장하는 방법에 대해서 알아본다. 이 과정에서 위지윅 에디터를 적용하는 방법에 대해서도 익힐 수 있다. 순수 HTML을 이용해서 파일을 업로드 하는 방법은 CodeIgniter의 메뉴얼을 참고한다. 선행지식HTML file FormPHP에서 파일을 다루는 방법Upload Class초기화CodeIgniter의 업로드 클래스는 더 적은 코드로 더 안전하게 파일을..

SmartEditor Basic 소개 SmartEditor2.0 Basic 은 JavaScript로 구현된 웹 기반의 WYSIWYG 편집기이다. 글꼴, 글자 크기, 줄 간격 등을 자유롭게 설정할 수 있으며, 단어 찾기/바꾸기와 같은 편리한 기능을 제공한다. 사용자 가이드 사용자 가이드에서는 SmartEditor2.0 Basic 의 특징과 기능을 소개한다. 또한, 설치 방법과 기능의 추가/삭제 방법도 소개한다.사용자 가이드 (웹 버전)사용자 가이드 (PDF 버전) SmartEditor2.0 Basic 체험하기(Demo) 아래 데모페이지 에서는 SmartEditor2.0 Basic 이 제공하는 다양한 기능을 바로 체험해 볼 수 있다.SmartEditor2.0 Basic Demo 바로가기 지원 브라우저 운영체..

(* 요청) HTTP Request-Line => GET / index.html HTTP/1.1 (엔터)GET -> Method (요청형식)indwx.html -> Request URI Uniform URL - http: 서버경로:포트/경로 Resource (Lcation) Identify URV : 0 :: 0 :: 0 :: 0 header (요청,응답,공통,데이터) User-Againt : ------------------ (엔터)헤더명 값 (엔터 CRLF) (* 응답) status-line : HTTP/1.1 200 ok => ( HTTP/1.1 -> http버전 / 200 -> status code / ok -> 문장(메시지) ) 해더- 응답- 요청- 공통- 데이터해더(Entity)

JQuery 쓰는 이유?1. Cross Browsing=> 브라우저에 상관없이 동일한 결과를 얻을 수 있다.2. 코딩이 간결해 진다. http://jquery.com/ => 다운로드 페이지 jQuery 1.xThe jQuery 1.x line had major changes as of jQuery 1.9.0. We strongly recommend that you also use the jQuery Migrate plugin if you are upgrading from pre-1.9 versions of jQuery or need to use plugins that haven't yet been updated. Read the jQuery 1.9 Upgrade Guide and thejQuery 1.9..

jq001body,h1 { border: 1px solid red; padding: 20px; margin: 5px;}"use strict"; window.onload = function(){ console.log( 'window.onload = 함수객체...' );} ; // window.jQuery = window.$ = jQuery;// jQuery(document) $(document).ready(function(){ //DOM tree 완성 후 선언 순서대로 호출 console.log( '111 ready(함수객체)...');}); $(function(){ //DOM tree 완성 후 선언 순서대로 호출 console.log( '$(함수객체)...'); }); // jQuery(document)..

$(document).ready( function () { $( 'tr:odd').css( 'background' , '#ff0000' ); // odd 짝수 $( 'tr:even').css( 'background' , '#0000ff' ); // even 홀수 // tr:first' 한번만 찾으면 되지만... $( 'tr:first').css( 'background' , '#000000' ).css( 'color', '#FFFFFF' ); // tr:first' 두번을 찾아야 되는 코딩이다 // $('tr:first').css('background', '#000000'); // $('tr:first').css('color', '#FFFFFF'); // CSS3 표준 문법 13-27 $( 'tr:eq(0..

① 객체.함수() -> 값을 꺼낼 때② 객체.함수(값) -> 값을 설정③ 객체.함수(function(...){ return 값;}); -> 함수의 리턴값으로 값 설정④ 객체.함수({key:값, . . .}); 한꺼번에 여러개의 값을 설정하고 싶을때 "use strict"; // DOM 트리가 완성되면 내가 넘겨 준 함수를 호출해 다오!$(function(){ // 1. 값 꺼내기 - 여러개의 엘리먼트에서 값을 꺼낼 때는 첫번째것만 꺼낸다 console.log( '1. 값 꺼내기--------------------------------------------'); var content = $( 'h2').html(); console.log(content); // 2. 값 설정하기 - 여러 개의 엘리먼트의 값..

// this.innerHTML += '+'; // addEventListener('click',function(){}; -> ie 8 이하에서는 동작 안함 $(document).ready( function () { // 이벤트를 연결합니다. (.on) $( 'h1').on( 'click', function () { $( this).html(function (index, html) { return html + '+' ; }); }); }); Header-0 Header-1 Header-2 $(document).ready( function () { // 이벤트를 연결합니다. 1 bad $( 'h1').on( 'click', function () { $( this).html(function (index, h..

① 객체.함수() -> 값을 꺼낼 때② 객체.함수(값) -> 값을 설정③ 객체.함수(function(...){ return 값;}); -> 함수의 리턴값으로 값 설정④ 객체.함수({key:값, . . .}); 한꺼번에 여러개의 값을 설정하고 싶을때 .addClass //라벨 붙이기 $(document).ready( function () { $( 'h1').addClass( function (index) { return 'class' + index; }); }); .removeClass //라벨 제거 $(document).ready( function () { $( 'h1').removeClass( 'select'); }); .attr('속성값', 값); $(document).ready( function (..