자바스크립트21

• 

  javascript 자바스크립트 멀티 파일 읽기, 복수의 파일 읽기, 여러개 파일 읽기, multi FileReader javascript 자바스크립트 멀티 파일 읽기, 복수의 파일 읽기, 여러개 파일 읽기, multi FileReader 이전 포스팅에서 하나의 Text 파일을 읽어 처리하는 방법을 알아보았습니다. 하지만 꼭 하나의 html file 태그에 하나의 파일만 처리하는 법은 없죠. Link : javascript 자바스크립트 파일 텍스트 읽기 text file read 방법, 파일데이터 추출 이번엔 복수의 파일을 선택하여 처리하는 방법을 알아보도록 하겠습니다. 여러개의 파일을 처리하기 위해선 여러개의 파일을 선택해야 겠죠? 기존에 file 태그에 multiple="multiple" 옵션을 추가하고 name의 명칭 끝에 [] 을 붙여줍니다. (name="fileNames1[]") [] 라는 것은 배열로 처리된다는.. Programing/JavaScript 2017. 12. 18.

• 

  javascript 자바스크립트 클래스 정의 방법, 클래스 활용, 자바스크립트 클래스 javascript 자바스크립트 클래스 정의 방법, 클래스 활용, 자바스크립트 클래스 Class키워드를 사용한 방법은 아래의 Link를 참고하세요! Link : https://aljjabaegi.tistory.com/586 javascript 생성자 알짜만 빼먹기, 현업 활용 예 class, prototype javascript 생성자 알짜만 빼먹기, 현업 활용 예 class, prototype 생성자 (Constructor) 는 인스턴스 (메모리상에 존재하게 하는) 객체를 생성하고 초기화 하는 함수입니다. 생성자 함수로 객체를 생성하고 aljjabaegi.tistory.com 자바스크립트도 여타 다른 언어들과 같이 클래스를 정의하여 사용할 수 있습니다. 정확히 말하면 비슷하게 구현해 사용할 수 있는 것.. Programing/JavaScript 2017. 9. 29.

• 

  javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? javascript closure 자바스크립트 클로저의 개념 쉽게 이해. 클로저란? 자바스크립트 하면 빠지지 않는 것 중에 하나가 클로저(Closure) 입니다. 하지만 이것을 사용하지 않는다고 해서 개발을 못하진 않죠. 그렇다고 몰라도 되는 개념은 아닙니다. 클로저의 정의는 매우 다양합니다. 이 책에서는 이렇게 저 책에서는 저렇게 정의 하죠. 예를 들면 '클로저는 내부함수가 외부함수에 context에 접근 할 수 있는 것을 가르킨다.' '생명주기가 끝난 객체에 접근할수 있는 것 이다' '외부함수의 실행이 끝나서 소멸된 후에 내부함수가 외부함수에 변수에 접근하는 매커니즘이다.' 뭐 다 처음에는 뭔데? 하는 생각만 들죠. 여러가지 예를 보면서 이해하는 방법 밖에 없습니다. 자바스크립트의 스코프에 대한 이해.. Programing/JavaScript 2017. 5. 23.

• 

  javascript sort 자바스크립트 배열 정렬 방법 오름차순 내림차순 javascript sort 자바스크립트 배열 정렬 방법 오름차순 내림차순 자바스크립트의 배열을 정렬 할때는 sort 메소드를 사용하죠. 하지만 이는 문자열 오름차순이라 숫자를 정렬할때는 주의해야 합니다. $(function(){ var array = [10,3,1,4,5,7,9,0]; array.sort(); console.log(array); }); 결과 : 0, 1, 10, 3, 4, 5, 7, 9 이렇기 때문에 오름차순, 내림차순 같이 원하는 방식으로 정렬이 안되죠. 이는 문자열로 정렬 하기 때문입니다. 이럴 땐 sort 메소드의 매개변수로 함수를 넣어주면 됩니다. $(function(){ var array = [10,3,1,4,5,7,9,0]; array.sort(function(left, ri.. Programing/JavaScript 2017. 5. 23.

• 

  Javascript 로컬 파일 실행, 윈도우 프로그램 실행하기 ActiveXObject Javascript 로컬 프로그램, 윈도우 프로그램 실행하기 ActiveXObject 고객요청사항으로 돋보기 같은 기능을 구현해 달라는 요청을 받았습니다... 이미지 돋보기는 여타 많은 쇼핑몰 사이트에 구현이 되어 라이브러리나 소스들이 많지만, 이번 요청은 이미지가 아닌 브라우저 전체 돋보기 기능이였습니다. 그래서 생각한게 윈도우에 있는 돋보기 기능을 활용하면 어떨까 하는 것이였습니다. 하지만 이는 브라우저 설정에서 ActiceX 관련 설정을 풀어주어야 합니다..(보안상 문제가 될 수 있음) (IE 11 기준) 그럼 소스를 우선 보도록 하시죠. - 텍스트 소스 function magnifier(){ try{ var objWSH = new ActiveXObject("WScript.Shell"); var r.. Programing/JavaScript 2017. 3. 15.

• 

  자바스크립트 number를 String으로 변환 javaScript toString(), toExponential(), toFixed(), toPrecision(), valueOf() method 자바스크립트 number를 String으로 변환 javaScript toString(), toExponential(), toFixed(), toPrecision(), valueOf() method 자바스크립트의 숫자형을 문자형으로 바꿔주는 메소드는 다음과 같은 것들이 있다. toString() toExponential() toFixed() toPrecision() (모든 숫자형 메소드는 원래의 값을 변경하지 않고 새로운 값을 리턴한다.) 그럼 이제 각각의 숫자형 메소드에 대해서 알아보자. - toString() toString() 메소드는 숫자값을 String으로 바꾸어 리턴한다. 숫자형 메소드는 어느타입의 숫자형이든 사용할 수 있다. 예) var x = 123; var y = x.toString(); .. Programing/JavaScript 2015. 8. 10.

• 자바스크립트 문자열을 배열로 바꾸기 javaScript split() method 자바스크립트 문자열을 배열로 바꾸기 javaScript split() method 문자열을 split() 메소드를 사용하여 배열로 변환 할 수 있다. - split() 사용방법 문자열.split(구분자); 예) 1 2 3 4 5 6 7 8 9 function splitFunction() { var str = "서울, 대전, 대구, 부산"; var arr = str.split(","); var result = arr[0]; document.write(result); } cs 결과값은 "서울" 구분자로 값을 구분해, 배열로 가져올 수 있다. 주민번호나 우편번호 같이 중간에 "-" 과 같은 것을 입력받을 때 구분해서 저장하는데 사용하면 유용하다. 구분자를 생략하면 전체 스트링값이 0번째 인덱스 값이 된다. 예.. Programing/JavaScript 2015. 7. 24.

• 자바스크립트 인덱스 값으로 문자 추출 javaScript charAt(), charCodeAt() 자바스크립트 인덱스 값으로 문자 추출 javaScript charAt(), charCodeAt() 인덱스 값으로 문자값을 추출하는데는 charAt() 메소드를 사용한다. - charAt()사용방법 문자열.charAt(인덱스값); 예) 1 2 3 4 5 6 var str = "Challenge"; var result = str.charAt(0); document.write(result); cs charAt(0) 으로 0번째 인덱스를 갖은 "C"를 추출한다. C(0)h(1)a(2)l(3)l(4)e(5)n(6)g(7)e(8) 결과값 C 문자의 아스키코드값을 추출하는데는 charCodeAt() 메소드를 사용한다. - charCodeAt() 사용방법 문자열.charCodeAt(인덱스값); 예) 1 2 3 4 5 .. Programing/JavaScript 2015. 7. 24.

• 자바스크립트 문자열 합치기 javaScript concat() method 자바스크립트 문자열 합치기 javaScript concat() method 자바스크립트에서 문자열을 합칠 때는 concat() 메소드를 사용한다. - 사용방법 문자열.concat(합칠문자열1, 합칠문자열2....); 예) 1 2 3 4 5 6 7 8 var text1 = "Welcome"; var text2 = "to"; var text3 = "my"; var text4 = "world"; var result = text1.concat(" ", text2," ", text3, " ", text4); document.write(result); Colored by Color Scripter cs 문자열에 합칠문자열을 ,로 구분지어 연결하면 된다. 결과값은 Welcome to my world concat()은.. Programing/JavaScript 2015. 7. 23.

• 자바스크립트 javaScript 대소문자 변경 toUpperCase(), toLowerCase() 자바스크립트 javaScript 대소문자 변경 toUpperCase(), toLowerCase() 대문자로 변경은 toUpperCase()를 사용한다. - 사용방법 문자열.toUpperCase(); 예) 1 2 3 4 5 6 7 function toUpperFunction() { var name = "Lim SinGu"; var result = name.toUpperCase(); document.write(result); } cs 결과는 LIM SINGU 소문자로 변경은 toLowerCase()를 사용한다. - 사용방법 문자열.toLowerCase(); 예) 1 2 3 4 5 6 7 function toLowerFunction() { var name = "Lim SinGu"; var result = na.. Programing/JavaScript 2015. 7. 23.

• 

  자바스크립트 문자열 자르기 javsScript slice(), subString(), subStr() method 사용법 자바스크립트 문자열 자르기 javsScript slice(), subString(), subStr() method 사용법 자바스크립트에서 문자열을 잘라 리턴하는 메소드는 3가지가 있다. 1. slice() 2. substring() 3. substr() 그럼 slice()부터 사용법에 대해 알아보자. - slice 사용방법 문자열.slice(잘라올 첫 위치값, 잘라올 마지막 위치값) 여기서 잘라올 첫번째 위치값은 이상 이고 잘라올 마지막 위치값은 미만이라고 생각하면 편하다. 다시 말해 첫 위치값은 리턴값에 포함되며 마지막 위치값은 미포함된다. 주의하자. 아래의 예를 보자 예) 문자열의 인덱스 값을 모른다면 아래의 링크를 참조하자. Link : 자바스크립트 javaScript indexOf(), lastI.. Programing/JavaScript 2015. 7. 23.

• 

  자바스크립트 javaScript indexOf(), lastIndexOf() methods 자바스크립트 javaScript indexOf(), lastIndexOf() methods indexOf() 메소드는 파라메터와 같은 문자 or 문자열을 처음부터 찾아 몇번째 위치하는지 리턴하는 메소드다. -사용방법 문자열.indexOf("찾을문자열", 검색을 시작할 인덱스값[생략가능]) 예) 위의 예제에서 indexOf의 리턴값은 0이다. 주의! 자바스크립트는 0부터 카운트 한다. 그래서 첫자인 A를 찾아 그 인덱스 값인 0을 리턴 하는것이다. 그렇다면 str.indexOf("B");의 리턴값은? 1이다. 이런식으로 0부터 1, 2, 3...으로 올라가는 것이다. A B C C D E ... 0 1 2 3 4 5 ... -----------------------> 그럼 검색을 시작할 인덱스값을 옵션으로.. Programing/JavaScript 2015. 7. 23.

• 

  자바스크립트 문자열(String)에 대한 모든것 javaScript Strings 자바스크립트 문자열(String)에 대한 모든것 javaScript Strings 자바스크립트 string은 텍스트를 저장하고 다루기 위해 사용된다. -javaScript Strings 자바스크립트 string은 "adam lee" 와 같은 문자들의 열을 간단하게 저장한다. String은 따옴표(인용부호)안에 어떠한 텍스트도 쓸수 있다. 싱글('')과 더블("") 모두 사용 가능하다. 예) var userName= "adam lee01"; //더블 var userName= 'brian lim02'; //싱글 물론 둘다 중복으로 사용도 가능하다. 예) var answer = "It's alright"; var answer = "He is called 'Johnny'"; //출력결과 => He is call.. Programing/JavaScript 2015. 7. 20.

• 

  자바스크립트 오브젝트 javaScript object 자바스크립트 오브젝트 javaScript object - 자바스크립트 오브젝트(javaScript object) 우리는 이미 자바스크립트 변수가 데이터 값을 위한 컨테이너 라고 알고 있다. 아래의 코드는 간단한 값을 가진 변수할당 방법이다. var volunteer = "adam"; 오브젝트 역시 변수이다. 그러나 오브젝트는 많은 값을 담을 수 있다. 아래의 코드는 한 변수에 많은 값들을 할당한다. var volunteer = { firstName:"adam", lastName:"lee", age:30, type:"java" }; 그 값은 이름:값의 쌍으로 쓰여진다. (이름과 값은 ':'으로 구분된다.) 자바스크립트 오브젝트는 이름이 있는 값들을 위한 컨테이너다. - 오브젝트 속성(object Prope.. Programing/JavaScript 2015. 7. 19.

• 

  자바스크립트 undefined, null 의 개념 자바스크립트 undefiend, null의 개념 - undefined 자바스크립트에서 값이 없는 변수는 undefined값을 가지고 있다. 그리고 이것의 타입 또한 undefined 다. 예) var person; // Value is undefined, type is undefined undefined로 값이 세팅되어진 몇몇 변수는 값이 비어있을 수 있다. 그리고 그 타입 또한 undefined 이다. 예) person = undefined; // Value is undefined, type is undefined 비어있는 string 타입의 변수는 값과 타입을 모두 가지고 있다. 예) var car = ""; // The value is "", the typeof is string - null 자바스.. Programing/JavaScript 2015. 7. 19.