Development 썸네일형 리스트형 [자바스크립트 완벽 가이드 정리] 배열 배열 배열 : 정렬된 값의 집합 원소 : 배열 안의 값 인덱스 : 배열의 위치번호 자바스크립트 배열 타입이 고정적이지 않음 (같은 배열에 있는 원소의 값이 서로 다를 수 있다) 32비트 인덱스를 사용한다 크기가 동적이다 배열을 생성하거나 크기가 변경되어 다시 할당을 하더라도 배열 크기를 다시 선언할 필요가 없다 모든 배열은 객체 (배열이 객체의 프로토타입으로부터 속성들을 상속 받은 객체이기 때문) 1. 배열 만들기 1.1 배열 리터럴 배열 리터럴 사용하기 - 대괄호 안에 쉼표로 구분해 나열 한 것 - 값으로는 상수 뿐 아니라 임의의 표현식도 사용할 수 있다 - 객체 리터럴 또는 다은 배열 리터럴을 포함할 수 있다 - 배열 리터럴에서 빠진 부분이 존재할 경우, 해당 부분의 원소 값은 undefined가 된.. 더보기 [자바스크립트 완벽 가이드 정리] 구문 구문 구문 : 어떤 일을 하기 위해 실행 1. 표현문 가장 간단한 형태 : 부수효과가 있는 표현식 할당문 , 함수호출 등이 있음 2. 복합문과 빈 구문 하나의 표현식 안에 여러 표현식을 합칠 때에는 쉼표(,)연산자를 사용 2.1 구문블록 구문블록은 여러 구분을 중괄호로 감싼 것 - 세미콜론으로 끝나지 않음 - 들여쓰기를 해주는 것이 좋다 (가독성, 이해도) - 안에서 선언된 변수는 지역변수가 아닌 전역변수이다 2.2 빈 구문 자바스크립트 인터프리터는 빈 구문을 만나면 아무것도 실행하지 않는다 - 종종 몸체가 비어있는 루프를 만들 때 유용 - 임의로 빈 구문 사용시 코드에 고의로 사용했다는 설명을 주석으로 표시 3. 선언문 식별자를 정의, 변수나 함수를 생성하는 중요한 역할을 담당 var, function.. 더보기 [자바스크립트] 클로저 클로저 클로저 : 함수 내에 선언된 로컬 변수를 외부에서도 참조할 수 있는 기능 보는 관점에 따라 모든 자바스크립트 함수가 클로저라고 볼 수 있음 사용처 this.XXXX를 넘기기 위해 사용한다 private변수(보호 해야 할 변수)에 사용한다 주의점 클로저는 변수만 기억할 뿐 값은 기억 하지 않는다 반복문(for문)에서는 클로저를 사용하지 않는다 클로저를 이해하기 위한 예문 function closureTest(a){ return function(b){ return a + b; } } var test = closureTest(1); alert(test(2)); 1. closureTest(1)을 호출한 순간 아래의 영역에 var a =1이 생성되고 function(b){ return a+b; }가 tes.. 더보기 [Tip] html, css, javascript 연습장 html, css, javascript 세가지를 모두 넣어서 테스트 해볼 수 있는 연습장 같은 사이트 소개합니다. 강좌 보면서 따라서 공부하기 좋은 사이트 입니다 ㅎ 주소 : http://jsfiddle.net/ 더보기 [자바스크립트] 콜백 함수 콜백 함수 디자인 패턴 중 하나인 옵저버 패턴에서 나온 개념 이벤트가 발생시 함수를 통해 전달하는 것 시계의 알람 기능과 비슷하다 (정해진 이벤트 발생시 함수 동작) 특정기능을 수행하기 위한 로직과 기능 수행후 반환되는 결과 값을 가지고 표현하는 로직을 분리 가능 뷰의 분리라는 관점으로 MVC패턴과 유사 아래와 같은 예문을 보면 undefined 값이 출력된다. (결과값이 alert 함수보다 늦게 가져오기 때문) onload=function() { var name; $.getJSON("test.json", "", function(res) { name = res.name; }); alert(name); } 시간차를 두어 해결 할 수는 있다. setTimeout(function() { alert(name);.. 더보기 [Tip] 파워포인트 클립아트 이용하기 (사진) 클립아트이용하기 (사진) PPT에 사람모양이나 여러 모양의 일러스트파일등을 사용해야 할 때가 많을 것 입니다. 일일히 그리기는 시간도 없고 내가 잘 그리지 못할것 같고... 그럴땐 클립 아트를 분해해서 이용해 봅시다 클립 아트는[ 삽입 -> 클립아트 ] 에 위치하고 있습니다. 일단 사진을 이용하는 법을 알려드리겠습니다. (클립아트가 아닌 사진도 가능 할거에요 ㅎ) 여러명의 사람이 있는데 그중 일부분만 사용하고 싶을때 있으시죠?? 아니면 배경을 날리고 특정 부위만 사용하고 싶을떄도 있으실거에요 그럴 땐 좌측 상단의 [ 배경제거 ] 기능을 이용합니다. 배경제거 영역을 선택했는데 영역이 내가 원하는 것보다 적거나 클 경우가 있으시죠?? 그땐 [ 보관할 영역표시 ] , [ 제거할 영역표시 ]를 이용해 영역을 선.. 더보기 [Tip] 리눅스 명령어 모음 + vi 명령어 예전 386 시절 윈도우 쓰기전을 생각나게 하는 리눅스 명령어들 그때도 .C 인가 /C 인가 써서 편하게 쓰긴 했지만 ;; 리눅스 기본명령어 명령어 사 용 법 login 사용자 인증과정 리눅스 시스템은 기본적으로 multi-user 개념에서 시작하였기 때문에 시스템을 이용하기 위해서는 반드시 로그인을 하여야 합니 다. 로그인은 PC 통신에서도 많이 사용되어져 왔기 때문에 그 개 념 설정에 그다지 어려움이 없을 것입니다. 흔히 말하는 ID를 입력하는 과정입니다. passwd 패스워드 변경 리눅스, 특히 인터넷의 세계에서는 일반 컴퓨팅 상황에 비하여 훨씬 해킹에 대한 위험이 높습니다. 패스워드는 완성된 단어 보다는 단어 중간에 숫자나 키보드의 ^, #, ' 등과 같은 쉽게 연상 할 수 없는 기호를 삽입하여 .. 더보기 [Tip] 자바스크립트의 부동 소수점 문제 부동 소수점 문제 JavaScript는 IEEE 754 방식을 사용해서 0.1 + 0.1 + 0.1 = 0.30000000...01 이런 오차가 발생한다 (C#도 같은 문제가 발생한다고 함...) 그래서 화폐단위는 . 을 사용하지 않는 센트 단위로 하는 것이 좋다고 한다 해결하기 위해선 소수점 고정인 toFixed 함수를 사용해서 자릿수 고정 후 자동 반올림 처리를 하면 된다 .toFixed(소숫점을 표현할 자릿수); ex) var num = 3.14159; var n=num.toFixed(2); 결과 : 3.14 ps : 불안하다면 그냥 소수점을 만들지 않는 방식을 택하는 것이 좋을 것 같음!! 더보기 [Tip] 이클립스 자주 사용하는 단축키 이클립스를 사용해 프로그래밍 하는 선임들 을 보고 제일 신기했던부분.. '우와 저런기능이 있었구나' 하고 신기했다 내가 이제 까지 코딩을 하면서 안그래도 타자도 느린데 필요이상으로 시간을 썻던 것 같다... 이글을 보시는 초보 개발자 분들도 단축키를 익히셔서 개발의 속도를 높여 봅시다 ^^ 자주 사용하는 단축키 Class 찾기 Ctrl + shift + t 자동 import Ctrl + shift + o 포멧터 Ctrl + shift + f 코멘트 Alt + shift + j 클래스, 함수 추척 Ctrl + 클릭 게터세터 만들기 Alt + shift + s r 클래스 찾아가기 f3 영역 설정해서 찾기 Ctrl + H 여러 부분 공통으로 선택해 입력하기 Alt + shift + A 후 shift 로 영역 .. 더보기 [Tip] 스크립트 폼 엔터 서브밋 폼이 2 개 이상인 경우 엔터를 눌러도 submit 이 안되는 경우가 있다. 그럴때 사용하면 된다. 키값을 체크해 키가 눌리면 submit 을 해주는 방식이다. * Enter 의 kyeCode는 13 이다!! onKeydown="javascript:if(event.keyCode == 13) form.submit();" 더보기 이전 1 2 3 4 5 6 7 다음
