전체 글
-
JavaScript 객체 생성 방법프로그래밍/JavaScript 2022. 10. 2. 13:57
객체란 연관서이 있는 데이터들의 정의 할 수 있는 변수와 메소드들의 집합으로 자바스크립트의 객체는 데이터를 저장하고 처리하는 기본단위이다. 객체의 구성으로는 프로퍼티와 메서드라는 개념이 있는데 쉽게 말해 프로퍼티는 객체의 특징이나 속성을 나타내고, 메서드는 객체에서 할 수 있는 동작을 표현한다. 객체 내의 변수를 프로퍼티라고 부르고 함수를 프로퍼티 메소드라 부른다. 객체를 만드는 방법 const 객체명 = {}; // 빈 객체 생성 const 객체명 = { 프로퍼티명1 : 값1, 프로퍼티명2 : 값2, ... 프로퍼티메소드명1:function(){ ... } } const dog = { name : '퍼그', age : 7, color : 'white', weight : 3.5 } console.log(..
-
JavaScript 호이스팅프로그래밍/JavaScript 2022. 10. 1. 09:06
호이스팅은 코드가 실행되기 전 변수 선언/함수선언을 최상단으로 끌러올려지는 것 같은 현상을 얘기하며 var타입 사용, 함수 선언식이 호이스팅이 일어난다. 1. var타입 사용에 따른 호이스팅 var x = 10; function number(){ console.log("x =" + x); // x = 10 console.log("y =" + y); // y = undefined var y = 20; } number(); 이처럼 이미 y의 값을 출력하기전에 프로그램은 y가 선언된 것과 같은 값(할당은 되지않은 자료형, undefiend)을 출력한다. 이러한 현상을 호이스팅이라한다. var타입을 사용해서 작용하는 현상으로 let 타입을 사용하게 된다면 호이스팅의 영향을 받지않는다. let x = 10; fu..
-
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..