개발 뜯기/JavaScript

4. 함수와 메서드 1) 함수 ✔ 함수란? 다수의 명령문을 코드 블록으로 감싸고 하나의 실행 단위로 만든 코드의 집합 유사한 동작을 하는 코드를 하나로 묶어 범용성을 확대 시킨 블록 코드 정의 부분, 호출 부분으로 구성 가급적 한 가지 일만 하며 매개 변수는 최대 3개 이내로 작성을 권장 function add(x, y ) { return x + y; // 반환 결과 } add (10, 20); // 인자(argument) : 매개변수(parameter)에 대입 ✔ 함수 정의 함수 선언식 function add(x, y) { return x + y; } 함수 표현식 const add = function (x, y) { return x + y; }; 화살표 함수 // ES6 const add = (x, y..

3. 조건문과 반복문 1) Scope ✔ Scope란? 변수 혹은 상수에 접근할 수 있는 범위 모듈, 함수 내 코드에서 동일한 변수 사용 시 간섭을 줄이는 용도로 사용 Scope는 Global Scope(전역 변수)와 Local Scope(지역 변수)로 구분 Global Scope : 전역에 선언되어 어디에서도 접근 가능 Local Scope?(block, function level scope) : 특정 지역에 선언되어, 해당 지역 내에서만 접근 가능 2) 조건문 ✔ 조건문 : if-else 알고리즘에서 논리적 비교를 할 때 사용되는 조건식 if, if else, else 키워드를 통해 구성됨 조건식에 맞을 경우 중괄호 {} 내에 있는 명령문을 수행 단, 실행 문장이 단일문장 인 경우 {} 생략 가능 c..

2. JavaScript의 연산자 1) 산술대입 연산자 ✔ 연산자 프로그램에서 데이터를 처리하여 결과를 산출할 목적으로 사용되는 문자 연산의 대상 값: 피연산자 피 연산자의 개수에 따라 단항, 이항, 삼항 연산자로 나뉨 ✔ 연산자 우선순위 순위가 높을 수록(내림차순) 우선 실행됨 [연산자 우선순위](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Operator_Precedence) ✔ 산술 연산자 수학적 계산을 위해 제공하는 연산자 // 덧셈 연산자 + console.log(31 + 10); // 뺄셈 연산자 - console.log(31 - 10); // 곱셈 연산자 * console.log(31 * 10); // 나눗..

1. 변수와 자료형 1) 변수와 상수 ✔ 변수 변경 가능한 값을 저장하기 위한 기억 공간(memory) 사용하기 전 반드시 선언 중복 선언 불가능 키워드 : let let A = 123; // 변수 선언 및 값 초기화 A = 456; // 값 재할당 let A = 789; // 재선언 -> error : 이미 선언 되어있기 때문 ✔ 상수 변경 불가능한 값을 저장하기 위한 기억공간 사용하기 전 반드시 선언 중복 선언 불가능 키워드 : const const B = 123; // 상수 선언 및 값 초기화 B = 456; // 값 재할당 -> error const C; // 초기화 없이 상수 선언 -> error C = 123; // error ✔ 호이스팅(Hosting)🤯 코드에 선언된 변수 및 함수를 유효한..

0. JavaScript의 개요 1) 개요 ✔ JavaScript란? 객체(Object) 기반 스크립트 프로그래밍 언어 ECMAScript 사양을 준수하는 범용 스크립팅 언어 자바와 직접적인 연관은 없으며 웹의 동적 동작을 구현하기 위해 제작 JS 엔진 위에서 수행되며 google V8, Firefox SpiderMonkey 등이 있음 ✔ ECMAScript란? Ecma International이 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어 자바스크립트를 표준화하기 위해 만들어졌음 Ecma International : 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구 97년 ES1 초판, 09년 ES5, ES2015(ES6)으로 매해 6월에 버전 갱신 중 2) 기본 입출력 ✔ 입..