성연이의 프로그래밍 블로그

ArrayList 1. add() 공장식객체생성2 2. get(), set() ArrayList.prototype.get = function (p_index) { return this[p_index]; } ArrayList.prototype.set = function (p_index) { this[p_index] = p_index; } 3. remove, clear ※ remove 배열에서는 값만 사라짐 ※ clear 속성의 수만큼 지워줌 ArrayList.prototype.remove = function (p_index) { delete this[p_index]; this.length--; } ArrayList.prototype.clear = function () { for (var i = 0; i <..

자바스크립트에선 function 키워드가 자바의 class 키워드 역할도 한다. 공장식객체생성 function안에 this있으면 생성자(constructor)함수 this없으면 일반 함수로 생각!! 공장식객체생성 생성자 안에 메소드를 선언하는 방식은 비효율적!! function Saram(p_name, p_age) { this.name = p_name; this.age = p_age; this.getAge = function () { return this.age; } } prototype속성 공유영역에 메소드를 생성해주는 속성 메모리의 효율적인 사용을 위해서 생성자의 prototype속성에 메소드를 생성해주면 생성되는 객체들이 해당 메소드를 공유해서 사용하게 됨 function Saram(p_name, ..

정규표현식(regular expression) 문자열에서 특정 문자열 패턴을 찾는 기능 최고의 엔진은 Perl(서버 엔지니어가 많이 쓰는 언어)이라 불리는 언어가 가지고 있고, 그걸 조금씩 훔쳐다가 다른 언어에서 사용하고 있음. 문자열 처리가 많을 때, 일반인들도 사용(책저자나 출판사들이 오타 찾을 때 사용) 1. 정규표현식 선언 ① 가장 많이 사용됨 ② 잘 사용하지 않음 2. 정규표현식 사용 test는 정규표현식의 method!! var v_regExp = /abc/; var v_str = "aaa abc bbb abc ddd"; alert(v_regExp.test(v_str)); // v_str안에 v_regExp 패턴이 존재하는가? ① g옵션 전체 문장 ② i옵션 대소상관없이 다 검색 ③ repla..

네이버 index.html 가져오기 정책에 의해 막혔다고 나옴.. v_ajax.open("get", "http://naver.com/index.html", true) CORS(Cross-Origin Resource Sharing) ※ 기본 정책이 same-origin origin(출처) 3개로 구성이 되어있다. 프로토콜+서버명(도메인)+포트번호 세 가지 중에 하나라도 다르다면 origin이 다르다고 말함 1) http://localhost:80(웹서버는 기본적으로 80번이 생략) 2) https://localhost:80 1)과 2)는 프로토콜이 다르기에 origin이 다르다. 3) http://localhost:80(웹서버는 기본적으로 80번이 생략) 4) http://psy.com:80 3과 4는 서..

1. 빈객체(Json) 생성 var v_json = {}; 2. 속성추가 속성명과 데이터는 마음대로 v_json.aaa = "aaa"; v_json.bbb = "bbb"; v_json.arr = ["1", "2", "3"]; 3. 메소드 추가 메소드명과 매개변수는 내 마음대로 v_json.msg = function(p_msg){ alert("넘어온 값은: "+p_msg) } 4. 메소드 콜 v_json.msg(888); 더보기 ※ 다른 방법

항상 사용되는 ajax 모양 JSON을 이용하여 바뀌는 부분만 일반화 사용 1) 제이쿼리AJAX 2) 스크립트AJAX 간단히 간단히 사용 var p_data = {}; p_data.method = "get"; p_data.url = "data.csv"; p_data.success = function (p_msg) { alert("넘겨받은 값은: " + p_msg); } $.ajax(p_data); 더보기

AJAX틀 var v_ajax = new XMLHttpRequest(); v_ajax.open("get", "data.txt", true); v_ajax.send(); v_ajax.onreadystatechange = function () { if (v_ajax.readyState == 4 && v_ajax.status == 200) { } } 1. ajaxStart.html 버튼 클릭 시 div에 출력하기 2. ajaxStart.html v_ajax.open("get", v_fileName.value, true); 더보기 가져올 데이터 파일명 3. test.js 실행은 되지않고 내용만 가져옴 4. test.php >> 서버에서 실행 할 수 있는 파일이면 실행되어서 넘어옴 >> 단순 내용이면 그 내용이 ..

더보기 AJAX(아작스 또는에이작스) JavaScript의 라이브러리 동기식과 비동기식 비동기는 비순차적, 동기는 순차적 효율은 비동식이 좋음 페이지 일부분만 바꾸고 싶을 때 ajax를 사용! ajax를 사용할 수록 클라이언트 자원을 쓰므로 서버 부하가 줄어! 서버는 달라는 데이터만 주고 무엇을 할지에 대한 것은은 클라이언트에서 요즘은 xml보다는 json을 많이 사용(파일이 무겁고 불편하기 때문) [spa(single page application)] 아작스부분만 변경! 페이지는 그대로 두고(고정) 페이지 뒤로 서버와 통신(데이터 전송방식은 xml) >>Angular.js와 React.js(페이스북**)가 AJAX기능을 편리하게 사용할 수 있도록 만듦. 아작스 시작! 1. 통신객체 생성. 통신을 대신해..

ckeditor.html 더보기 http://cdn.ckeditor.com/

https://www.w3schools.com/php/php_file_upload.asp upload.php FileUp.html Select image to upload: 디렉터리에 쓸 권한이 없음 업로드 완료!!