javascript2017. 6. 15. 17:32

최근에 자바스크립트 기초가 없었다고 느껴져서 작성 합니다. 전역변수는 전역에서 사용하는 변수를 의미 합니다. 작성은 다음과 같습니다 1 2 3 4 var a1 = "global 01"; function test(){ a2 = "global 02"; } cs 1번 라인에 있는건 척 봐도 아실꺼 같고 2~4 번 라인에 있는건 이게 전역변수인가? 라고 생각 하실 수 있습니다. 함수 내부에서 예약어 'var' 가 없는 상태로 변수의 값을 대입할땐 전역변수로 만들어 집니다. 우선 a1을 출력해보겠습니다. 다음과 같이 작성하면 어떤 결과를 출력할까요? 1 2 var a1 = "global 01"; console.log(a1); cs 이렇게 나옵니다. 제대로 변숫값이 잘 찍혀서 나오고 있네요. 그러면 이건 과연 어떻..

javascript2017. 6. 11. 23:39

자바스크립트의 undefined 는 변수에 값을 만든 후 초기화 하지 않은 상태 입니다.1var data1;cs이렇게 변수를 만들면 다음과 같이 출력됩니다. 보통 변수를 만들면 어떤 데이터형을 저장할지 값을 초기화 시킵니다.12345678910// 숫자형var num = 0; // 문자형var str = ""; // 논리형var state = false; //...cs 이렇게 변수에 값을 다음과 같은 값을 넣어 해당하는 변수가 어떤 데이터를 가지고 있는지 알 수 있습니다 ------ null 은 아무것도 참조하고 있지 않다 라는 의미 입니다.null 은 주로 객체(array, object)를 담을 변수를 초기화 할 때 사용합니다.12// 객체형var nu1 = null;cs ------- undefine..

javascript2015. 5. 7. 18:45

setInterval(), clearInterval(), setTime() 등을 알아보자 시간에 따라 뭔가를 해주거나 혹은 현재 진행되고 있는 함수의 진행을 멈추거나 할때 쓴다. 다른용도로는 어떻게 쓸지 모르겠지만 여기선 간단한 예제와 함께 어떤 쓰임이 있는지 간략하게 알아보자. setInterval 메소드에 대해 알아보자. setInterval()은 지정된 시간후 특정 자바스크립트 코드가 포함된 문자열을 반복하여 호출하는 메소드 이다. 쓰는 방법은1setInterval(func, delay);cs 이런식으로 쓰게 되는데 func 는 이 안에서 실행되어야 할 함수 이고 delay 는 밀리세컨드 단위로 몇초마다 이 func 를 실행할지 적어준다. 간단하게 body 에 숫자 0 부터 3초마다 1씩 증가되어 ..

javascript2015. 5. 5. 21:32

1. 동적으로 객체에 속성 추가처음 객체를 생성하는 시점 이후에 객체의 속성을 추가하거나 제거하는 것을 '동적으로 속성을 추가한다' 또는 '동적으로 속성을 제거한다' 라고 부른다. 객체의 속성을 추가하는 방법은12// 빈 객체를 선언var student = {};cs이렇게 빈 객체를 만들어 놓고 123456// 빈 객체를 선언var student = {};student.이름 = '회복맨';student.취미 = '개드립';student.특기 = '진짜 맛있게 밥먹기';student.dream = '내손으로 집을 짓는것';cs이런식으로 "객체.속성" 으로 만들고 = 을 붙혀 그 속성에 대한 값을 정의해준다.이것이 객체에 속성을 추가하는 것이다. 메서드도 속성이므로 같은 방법으로 속성을 추가 할 수 있다.객..

javascript2015. 5. 5. 18:32

1. in 키워드in 키워드를 for 키워드와 별도로 사용해 해당 키가 객체 안에 있는지 확인 할 수 있다. 코드 11234567891011var blog = { naver : '네이버', daume : '다음', 티스토리 : 'tistory',} var blog_output = '';blog_output += "'naver' in blog : " + ('naver' in blog) + '\n';blog_output += "'kakao' in blog : " + ('kakao' in blog); alert(blog_output);Colored by Color Scriptercs 위의 코드를 실행시켜 보면 이와 같은 결과를 확인 할 수 있는데naver 속성은 blog 객체의 안에 있으니까 true 가 출력..

javascript2015. 5. 5. 17:44

배열은 단순 for 반복문과 for in 반복문을 사용해 배열의 요소에 쉽게 접근 할 수 있다.하지만, 객체는 단순 for 반복문을 사용해 객체의 속성을 살펴보는 것이 불가능 하다.객체의 속성을 모두 살펴 보려면 for in 반복문을 사용해야 한다. 코드 1123456789101112var profile = { name : '홍길동', age : 30, language : '한국어'} var output = '';for (var key in profile){ output += key + ':' + profile[key] + '\n';} alert(output);Colored by Color Scriptercs 이걸 실행시켜 보면 이러한 결과가 출력이 되는걸 확인 할 수 있다. 코드 1 에서 변수 key ..

javascript2015. 4. 5. 14:54

parseInt(), parseFloat() 함수는 둘다 문자열을 숫자로 변경하는 함수이다.근데 Number()함수도 문자를 숫자로 바꿔줄 수 있는데Number 함수는 안의 내용중에 문자형 숫자 외에 다른 문자가 들어가면 NaN(Not a Number) 를 띄운다. 코드-1 을 실행시켜 보자. 코드-1123var won = Number('1000원');var dollar = Number('1.5$');alert(won + ' : ' + dollar);cs parseInt(), parseFloat() 함수는 숫자로 변환할 수 있는 부분까지는 모두 숫자로 변환한다.코드 -2 를 실행시켜 보자. 코드-21234var won = '1000원';var dollar = '1.5$';alert(parseInt(won..

javascript2015. 4. 5. 13:48

eval() 함수는 문자열을 자바스크립트 코드로 변환해 실행하는 함수이다. 예제 하나를 살펴보자. 123456var willEval = '';willEval += 'var number = 10;';willEval += 'alert(number);'; eval(willEval);alert(number);cs 위 코드를 실행시켜 보면 10이 두번 찍히는걸 확인할 수 있다.함수 eval() 통해 실행된 코드에서 정의한 변수 도 사용할 수 있다는걸 알자.

javascript2015. 4. 5. 12:26

자바스크립트의 내장 함수중 인코딩과 디코딩이 있다. 인코딩은 뭐고 디코딩은 뭐냐... 인코딩 : 문자를 컴퓨터에 저장하거나 통신에 사용할 목적으로 부호화 하는 방법디코딩 : 인코딩의 반대로 부호화된 문자를 원래대로 되돌리는 것이 디코딩 네이버에서 자바스크립트 라고 검색을하고 주소창을 확인해보자. 엄... 잘 안보이겠지만http://search.naver.com/search.naver?where=nexearch&query=%EC%9D%B8%EC%BD%94%EB%94%A9&sm=top_hty&fbm=1&ie=utf8 라고 출력이 될것이다.여기서 어떠한 부분이 인코딩 되었냐면%EC%9D%B8%EC%BD%94%EB%94%A9 이 부분이다. 예제를 통해 인코딩과 종류를 확인해 보자.12345678910111213..

javascript2015. 4. 5. 11:43

예전에 어떤 블로그에서 마소의 입사 면접에서 '클로저' 라는걸 물어봤었다고 본 기억이 있다.난 아직은 이걸 어디에 어떻게 쓰일지 잘 모르기에 넘기려 했으나...마소의 면접에서 이걸 물어볼 정도면 알아둬서 나쁠게 없다고 생각이 들어서 포스팅 하려 한다. 클로저를 알기전에 예제 하나를 보자. 코드-11234567// 함수를 선언합니다.function test(name){ var output = 'Hello ' + name + '..!';} // 출력합니다.alert(output);cs 이 코드를 보면..alert 로 output 을 호출하려 한다.하지만 output 는 함수 내부에 있는 '지역변수' 이므로 외부에서 사용이 불가능 하다.지역변수는 함수가 실행될 때 생성되고 함수가 종료될 때 사라진다. 하지만 ..