프로그래밍/JavaScript
-
JavaScript 변수의 범위(scope)프로그래밍/JavaScript 2022. 10. 1. 07:57
자바스크립트에서 변수의 범위는 변수가 접근할 수 있는 객체와 함수를 포함한 변수의 집합을 의미한다. 지역변수 지역변수는 함수 내에서 선언된 변수로 변수가 선언된 함수내에서 유효하고 함수가 종료되면 메모리에서 사라진다. function func1(x, y){ let sum = 0; // 지역변수 ... console.log(x, y, sum); // 값 출력 } console.log(x, y, sum); // undefined 함수내 지역변수는 함수 밖에서 사용할 수 없어 undefined가 출력된다. 전역변수 전역변수는 함수의 외부에서 선언된 변수로 프로그램의 어느 영역에서나 접근 할 수 있으며, 웹 페이지가 닫혀야만 메모리에서 사라진다. let global = 0; // 전역변수 function fun..
-
JavaScript 화살표 함수프로그래밍/JavaScript 2022. 9. 30. 07:35
화살표 함수는 일반적으로 function 키워드를 사용하여 함수를 만드는 방식인 함수 표현식보다 간결하게 함수를 표현하는 방법이다. // 매개변수가 없는 경우 const func1 = () => 실행문; 매개 변수가 없는 경우에는 괄호 안에 어떠한 인자도 넣지 않으며 괄호를 생략할 수 는 없다. // 매개변수가 있는 경우 const func2 = x => 실행문; const func3 = (x, y) => 실행문; 매개변수가 한개만 있다면 괄호를 생략하여 표기할 수 있고 두개 이상부터는 괄호를 생략하지 못한다. // 리턴값이 있는 함수 const func4 = (x, y) => { 실행문1; 실행문2; ... return 값; } 실행문이 여러줄인 경우에는 실행문들을 중괄호로 감싸주어 표기하며 실행 결과..
-
JavaScript 함수(Method)프로그래밍/JavaScript 2022. 9. 29. 07:42
함수는 하나의 특별한 목적의 작업을 수행하도록 설계된 독릭적인 블록을 의미한다. 필요할때 마다 함수를 호출하여 해당 작업을 반복해서 수행할 수 있기 때문에 코드를 재활용에 용이하다. 함수는 먼저 선언하고 그 함수를 호출하는 방식으로 선언하는 방법으로는 함수 선언식과 함수 표현식이다. // 함수 선언식 function 함수명(매개변수1, 매개변수2 .. ){ ... return 값; } // 함수 표현식 const 함수명 = function(매개변수1, 매개변수2 .. ){ ... return 값; } 웹 브라우저에서 자바 스크립트 소스를 해석할 때에는 함수 선언 부분을 가장 먼저 하기 때문에 함수를 선언만 해놓으면 선언한 위치에 상관없이 함수 호출이 가능하다. addNember(); function ad..
-
JavaScript 배열프로그래밍/JavaScript 2022. 9. 28. 07:42
자바스크립트에서 기본 자료형은 변수와 값을 하나씩 저장할 수 있었지만, 배열을 활용하면 하나의 변수에 값을 여러개 저장할 수 있다. 배열에 저장되는 타입은 고정되어있지 않기 때문에 여러 타입이 들어가도 괜찮으며, 배열 선언시 길이를 지정하지않아도된다. 배열은 대괄호 안에 있는 배열의 위치를 가리키는 숫자는 인덱스라고 부르고 그 인덱스와 이름으로 참조되는 정렬된 값의 집합이다. 타입 배열명 = ["값1", "값2", "값3", ....]; //--------------------------------- var arr = [1, 1.5, true, '홍길동']; var arr1 = []; let arr = [1, 'phone', '홍길동', 20, '공부', '햄버거']; console.log(arr[0])..
-
JavaScript 조건문프로그래밍/JavaScript 2022. 9. 27. 07:14
조건문은 프로그래밍 진행중에 특정 조건과 명령에 따라 실행 순서을 결정한다. 자바 스크립트도 자바와 같이 프로그래밍 언어처럼 조건문을 가지고 있다. if if 문은 괄호 안에 조건을 넣어 결과값이 참이면 if문을 실행하고 false면 if문을 실행하지않고 통과한다. else if 문은 처음 if문의 조건식에서 false가 나올 경우 else if의 조건식을 체크하여 true면 else if문을 실행하게된다. else if의 조건식도 false가 나올 경우 else문을 실행한다. const age = Number(prompt('나이를 입력하세요')); // 15 입력 if(age>19){ console.log('성인입니다'); }else if(age>14){ console.log('청소년입니다') }els..
-
JavaScript 타입변환과 연산자프로그래밍/JavaScript 2022. 9. 26. 11:20
자바스크립트의 타입은 유연한 성격을 지니고 있어 타입이 고정되있지 않고 변수에 다른 타입의 값을 대입하는 것이 가능하다. 타입 변환은 자동 타입 변환(암시적)과 강제 타입 변환(명시적)으로 나뉜다. 자동 타입 변환 자동 타입 변환은 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환한다. const a = "20"; // 문자열형 const b = "10"; // 문자열형 let result = a + b; // 2010, 문자열 연결 let result2 = a - b; // 10 let result3 = a * b; // 200 let result4 = a / b; // 2 const c = "자바스크립트"; let result5 = c - a; // NaN : 숫자로 변환할 수 ..
-
JavaScript 데이터 타입프로그래밍/JavaScript 2022. 9. 25. 10:48
숫자형(number) 자바스크립트에서는 정수와 실수를 따로 구분하지않고 모든 수를 실수 하나로만 표현한다. typeof()는 타입을 반환해주는 함수로 타입 확인간 사용한다. 문자열형(string) 따옴표로 둘러싸인 문자의 집합으로 작은 따옴표와 큰 따옴표를 상관하지 않는다. 불리언형(boolean) 참 또는 거짓으로 표현되는 값이다. undefined, null 형 undefined은 자료형이 정의되지 않았을 때, 데이터 상태(변수에 값이 할당되지 않았은 상태)를 의미한다. null은 변수에 할당된 값이 유효하지 않음을 의미한다. 객체형 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 타입으로 키와 값의 구조로 저장한다. 심볼형 심볼형은 유일하고 변경 불가능한 기본값을 만들어 객체 속성의 key값으로..