반딧불이 코딩

접근하려고 하는 외부함수의 생명주기가 종료됬지만, 내부함수가 참조 하고 있어서 외부함수에 접근할 수 있는갓 내부함수 자바스크립트는 함수 안에서 또 다른 함수를 선언할 수 있습니다. function outter(){ function inner(){ var title = 'Hello world'; alert(title); } inner(); } outter(); 함수 outter의 내부에는 함수 inner가 정의되어 있다. 함수 inner를 내부함수라고 한다. 내부함수는 외부함수의 지역변수에 접근할 수 있다. function outter(){ var title = 'Hello world'; function inner(){ alert(title); } inner(); } outter(); // Hello wo..

유효범위(Scope) 변수가 어디까지 영향을 미치는가에 대한 범위를 유효범위라고 한다. 유효범위는 크게 지역변수(local variable)와 전역변수(global variable)로 나뉜다. 자바스크립트의 지역변수는 함수에서만 유효하다. 전역변수 자바스크립트에선 함수 밖에서 정의된 변수 // 전역함수 예1 var scope = 'global'; function gscope(){ console.log(scope); } gscope(); // 전역함수 예2 for(var i = 0; i < 5; i++){ // for문에 들어가는 변수 i도 함수밖이기 때문에 전역함수이다. a(); document.write(i); } 지역변수 자바스크립트에선 함수 안에서 정의된 변수 함수 블록{} 안에서만 유효하다. //..

객체는 배열이랑 유사한 역할을 수행하고 있다. 연관되는 데이터들을 담아내는 그릇정도로 이해하면 된다. (여러 데이터와 함수로 이루어져 있다. 객체 안에 있을때는 프로퍼티와 메소드라고 부른다.) 객체의 접근 연산자는 ' . ' 이다. 배열과 객체의 가장 큰 차이점은 객체는 index 값을 숫자나 문자열등 사용자가 원하는 데이터로 지정해줄 수 있다. 객체는 {}안에 데이터를 담는다. 배열의 index(자동으로 0부터 할당하여 추가) = 객체의 key 배열의 element = 객체의 vlaue 객체의 생성 // 1번째 방법 var grades = {}; // 비어있는 객체를 생성 grades.key = 'value'; // grades['key'] = 'vlaue'; 라고 쓸수도 있다. console.log(..

array 연관되어 있는 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입 하나의 변수안에 여러개의 데이터를 담을 수 있다 var member = ['egoing', 'k8805', 'sorialgi']; // 3가지 element를 하나의 그릇에 담은것이고 그 그릇을 member라는 변수에 다시 담은것 배열은 반드시 대괄호로 시작해서 대괄호로 끝나야한다. 배열에 들어있는 각각의 데이터를 element(원소)라고 한다. var member = ['egoing', 'k8805', 'sorialgi'] alert(member[0]); alert(member[1]); alert(member[2]); 배열안에 데이터를 꺼내고 싶을때는 element의 index 번호를 대괄호안에 적으면 된다. inde..

function 하나의 로직을 재실행 할 수 있도록 하는것으로 코드의 재사용성을 높여준다. 재사용성 : 여러 방면에서 다시 사용하는 것 // 함수의 기본 형식 function 함수명 (인자...){ 코드 return 반환값 } 함수명(); // 함수를 사용할때 함수를 사용하려면 괄호를 끝에 붙여야한다. ()괄호를 넣지 않으면 자바스크립트에서 변수로 인식한다. 함수는 반복적으로 실행되는 로직이 여러가지 맥락에서 반복되어 사용해야되는 경우 의미가 있다. 출력 return 1.리턴은 함수를 종료를 시킨다. 뒤에 다른 코드가 있어도 실행 시키지 않는다. 2.리턴은 뒤에 따라오는 값을 함수의 결과로 반환한다. function get_member1(){ return 'egoing'; return 'leezche';..

loop, iterate / 수천 수만번의 반복된 동작을 실행할때 사용하는 명령어 While while(조건){ // 조건에는 boolean 타입 데이터가 들어가야함 반복해서 실행할 코드 } true인 동안엔 실행하여 false가 될때까지 반복한다. //예제 조건이 무조건 true이기 때문에 무한반복 while(true){ document.write('coding everybody '); } 무한 루프를 하게 되면 컴퓨터에게 부담을 줄수도 있고 프로그래밍하는데 오류가 발생하기 쉽다. 그래서 언제까지 반복할것인지 조건을 주어야한다. (반복조건) // 반복조건 예제 var i = 0; while( i < 10 ){ // i의 조건이 true냐 false냐 document.write("coding everyb..

주어진 조건에 따라 애플리케이션을 다르게 동작하게 하는 명령문을 말한다. boolean이 true냐 false냐에 따라 조건문을 실행하기도 실행 안 하기도 한다. if else else if 조건문을 더욱 풍부하게 사용할 수 있다. 조건문은 조건문 안에 중첩이 가능하다.

값에 대해서 어떤 작업을 컴퓨터에게 지시하기 위한 기호를 말한다. 대입 연산자 a = 1; // a(변수) =(대입연산자) 1(상수-변하지 않는 값) 우항의 값을 좌항에 대입한다고 하여 대입 연산자라고 말합니다. (좌항과 우항 두개의 항이 있어서 이항 연산자 라고도 함) 비교 연산자 (동등 연산자, 일치 연산자, 부등호 등) 두 값이 같은지, 큰지, 같거나 큰지, 작은지 등을 판별하는 연산자를 말한다. 결과는 true / false 두가지로 나오게 된다. 동등 연산자 ( == ) 좌항과 우항을 비교해서 같으면 true 다르면 false alert(1 == 1); // true alert(1 == 2); // flase alert("one" == "one") // true 일치 연산자 ( === ) 좌항과..

주석 주석은 간결하고 알아보기 쉬워야 좋은 주석이다. 적절하게 주석을 잘 써야 좋은 코드다. 세미콜론 ; 명령이 끝났다라는 것을 명시적으로 표현한 것이다. var a = 1; alert(a); 자바스크립트는 줄을 바꾸면 명령이 끝났다라고 생각을 하지만 가끔 코드를 이어 붙여 쓸때가 있어서 세미콜론으로 코드를 끝내는 것은 매우 좋은 습관이다. 들여쓰기 Tab키를 눌러 들여쓰기를 할 수 있다. (기본적으로 스페이스바 4칸) 안해도 인식하는데 지장은 없으나 가독성을 위해 하는편이 좋다. 코드는 무조건 띄어쓰기를 해줘야 하지만 =같은 수식은 띄어쓰기를 안해도 된다. 하지만 가독성이 매우 중요하기 때문에 알아보기 쉽게 하는것이 좋다. var a = 1; alert(a); var a=1; alert(a); // 두..

변수(Variable)은 값을 담고 있는 상자, 컨테이너라고 생각하면 된다. 변수가 가지고 있는 값은 다른 값으로 변화, 변경이 가능하다. var a = 1; // 변수 a는 1이다 Variable의 앞글자를 딴 var은 변수를 선언해줄때 앞에 붙여준다 처음 변수를 선언할땐 var을 붙여야 하지만 이미 선언한 변수는 안붙여도 된다. var a = 'coding', b = 'everybody'; 변수는 숫자뿐만 아니라 문자열도 가능하고, 이처럼 한번에 var로 여러개의 변수를 콤마를 이용하여 설정할 수 있다. 변수는 코드의 재활용성을 높여준다. 처음 어떤 기준이 되는 숫자를 다른 수로 계속 곱하고 더하고 나누고 계산한다고 해보자 이 기준이 되는 숫자를 다른 숫자로 수정해야할때 모든 계산식에 있는 기준이 되..