FrontEnd
-
Modern JavaScript 타입체크FrontEnd/JavaScript 2023. 1. 22. 00:06
1. typeof - 타입연산자 : 피연산자의 데이터 타입을 분자열로 반환 - 객체의 종류까지 구분체크는 어려움 typeof ''; // string typeof 1; // number typeof NaN; // number typeof true; // boolean typeof []; // object typeof {}; // object typeof new String(); // object typeof new Date(); // object typeof /test/gi; // object typeof function () {}; // function typeof undefined; // undefined typeof null; // object (설계적 결함) typeof undeclared; //..
-
Modern JavaScript 객체의 프로퍼티FrontEnd/JavaScript 2023. 1. 21. 20:16
1. 함수 객체의 프로퍼티 property : 속성이라는 뜻으로, 객체 내부의 속성을 의미 Person이라는 객체 안에 name, age이라는 key , key가 property를 의미 let person = { name : 'bigone', age : 30 } 2. argumnets property (인수) 인수를 적게 전달했을때는 undifined로 초기화 초과된 인수는 무시됨 가변인자 이용시에 유용 객체배열의 형태로 인자값 정보를 담고 있지만 실제배열이 아닌 유사배열객체 인수들의 정보를 담고 있는 순회가능한 유사배열 객체이며, 함수 내부에서 지역변수처럼 사용해도 에러가 발생하지 않는다. function multiply(x, y) { console.log(arguments); return x * y;..
-
Modern JavaScript 함수FrontEnd/JavaScript 2023. 1. 21. 18:44
1. 함수 함수란 : 작업 수행을 위해 필요한 statement 집합을 정의한 코드 블록 - 매개변수를 가지며 호출로 일괄 작업 가능 - 재사용측면에서 유용 함수 정의 방식 : 함수 표현식과 함수 선언문에서 사용한 함수명은 함수 몸체에서 자신을 재귀적 호출(Recursive function call)하거나 자바스크립트 디버거가 해당 함수를 구분할 수 있는 식별자의 역할을 한다. 2. 함수 선언문 함수 표현식 - 기명 함수 표현식(named function expression) var foo = function multiply(a, b) { return a * b; }; - 익명 함수 표현식(anonymous function expression) var bar = function(a, b) { return..
-
Modern JavaScript 연산과 제어FrontEnd/JavaScript 2023. 1. 15. 14:21
1. 연산자 표현식 선언문 : var = a; 할당문 : a=5; 함수선언문 조건문 반복문 연산자 이항 산술연산자 : + - * / % 단항산술연산자 단항 산술 연산자 의미 ++ 증가 -- 감소 + 어떠한 효과도 없다. 음수를 양수로 반전하지도 않는다. - 양수를 음수로 음수를 양수로 반전한 값을 반환한다. 선대입 후증가 (Postfix Increment Operator) var x = 5, result; result = x++; console.log(result, x); // 5 6 선증가 후대입 (Prefix Increment Operator) result = ++x; console.log(result, x); // 7 7 선대입 후감소 (Postfix decrement operator) result..
-
Modern JavaScript 데이터타입과 변수FrontEnd/JavaScript 2023. 1. 9. 21:36
1. 데이터타입과 변수 변수 : 메모리상의 주소를 기억하는 저장소 (address) 동적타이핑 : js는 동적타입 언어로 변수의 타입지정 없이 값이 할당되는 과정에서 자동으로 변수타입이 결정된다. 원시타입 : 변경 불가능한 값, 값에 의한 전달 - Number : 모든 수를 실수로 처리 - Infinity : 양의 무한대 / -Infinity : 음의 무한대 - NaN : 산술연산 불가 - String : js 특징으로 일부 문자를 변경할 수 없다. (새롭게 문자열을 할당해야한다.) - Boolean : false / true - Undefined - Null - Symbol : 이름의 충돌을 줄이기 위해 유일한 객체 프로퍼티 키를 만들어 사용 (object의 프로퍼티가 많을때 같은 프로퍼티를 추가하여 ..
-
Modern JavaScript 기본개념FrontEnd/JavaScript 2023. 1. 1. 15:29
1. 프로그래밍 기본개념 및 동작 원리 프로그래밍 : Computer 실행을 위한 Communication으로 문제에 대한 정의를 마련하고 결과를 도출하는 일련의 과정 0, 1 로 이루어진 이진법으로 기계가 이해할 수 있도록 요구사항을 설명하는 작업이다. 사람 ———————— compiler —————— computer Programming Language (Syntax & Semantics) (Machine Language) (문제인식 - 프로그램설계 - 프로그램구현 - 테스트 및 디버깅 - 유지보수) 여기서 개발자로서 필요한 역량이 Computational thinking을 통한 문제해결능력이다. 문제해결능력 : 요구사항의 집합을 분석하여 적절한 자료구조와 함수의 집합으로 변환 후, 흐름을 제어 하는..