본문 바로가기

JavaScript31

12 함수 함수란?- 일련의 과정을 문(statement)으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것함수를 사용하는 이유코드의 재사용을 위해유지보수의 편의성을 높임실수를 줄여 코드의 신뢰성을 높임코드의 가독성을 향상 함수 리터럴function 키워드, 함수 이름, 매개변수 목록, 함수 몸체로 구성구성요소설명함수 이름식별자 네이밍 규칙 준수함수 몸체 내에서만 참조할 수 있는 식별자이름 생략 가능. 기명 함수(named function). 무명/익명 함수(anonymous function)매개변수 목록소괄호로 감싸고 쉼표로 구분호출할 때 인수가 순서대로 할당몸체 내에서 변수와 동일하게 취급. 네이밍 규칙 준수함수 몸체호출 시 실행될 문들을 하나의 실행 단위로 정의한 코드 블록함수 호출에 의해 실행.. 2024. 9. 20.
11 원시 값과 객체의 비교 원시 타입과 객체 타입이 다른 세 가지원시 타입의 값은 변경 불가능한 값이다. 이에 비해 객체(참조) 타입의 값, 즉 객체는 변경 가능한 값.원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장.객체를 변수에 할당하면 변수(확보된 메모리 공간) 에는 참조 값이 저장원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달.값에 의한 전달(pass by value)라 한다. 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달됨. 이를 참조에 의한 전달(pass by reference) 라 한다.변수와 값의 차이변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 or 메모리 공간을 식별하기 위해 붙인 이름값 : 변수에 저장된 데이터로서 .. 2024. 9. 18.
10 객체 리터럴 JS는 객체(object) 기반의 프로그래밍 언어이며, 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식) 모두 객체.객체 타입(object/ reference type)은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조(data structure) 이다.또한 객체는 변경 가능한 값(mutable value)이다.객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키와 값으로 구성된다var person = { name: 'LEE', // 프로퍼티 age: 20 // 프로퍼티}; 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라 부른다.var counter = { num: 0, // 프로퍼티 increase: function () { // 메서드 .. 2024. 9. 18.
중간점검 quiz githttps://github.com/sw-jungle-js-study/modern_javascript_deep_dive/tree/main/%EC%A7%88%EB%AC%B8/01-04 modern_javascript_deep_dive/질문/01-04 at main · sw-jungle-js-study/modern_javascript_deep_diveContribute to sw-jungle-js-study/modern_javascript_deep_dive development by creating an account on GitHub.github.com 브라우징 이슈 : 브라우저에 따라 웹페이지가 외도대로 동작하지 않는 이슈- 그래서 pollyfill과 트랜스파일러가 필요Ajax : 서버와 브라우저가 .. 2024. 9. 17.
09 타입 변환과 단축 평가 암묵적 타입 변환(implicit coercion) or 타입 강제 변환(type coercion)ex)var x = 10;var str = x + '';console.log(typeof str, str); // string 10// x 변수의 값이 변경된 것은 아니다.console.log(typeof x, x); // number 10원시 값은 변경 불가능한 값이므로 변경 x타입 변환이란 다른 타입의 새로운 원시 값을 생성하는 것이다. 명시적 타입 변환은 타입을 변경하겠다는 명백한 의도가 드러남.표준 빌트인 생성자 함수(String, Number, Boolean)를 new 연산자 없이 호출 문자열 타입으로 변환// 1. String 생성자 함수를 new 연산자 없이 호출하는 방법String(1); .. 2024. 9. 16.
08 제어문 블록문 (block statement / compound statement)0개 이상의 문을 중괄호로 묶은 것으로 코드 블록 또는 블록이라고 한다블록문은 자체종결성을 갖기 때문에 세미콜론을 안 붙인다 조건문 (conditional statement)조건식은 불리언 값으로 평가될 수 있는 표현식이다if 문의 조건식이 불리언 값이 아닐때 JS는 암묵적으로 불리언 값으로 강제 변환되어 실행함 switch 문표현식을 평가하여 값이 일치하는 case 문으로 실행을 옮긴다일치하는 case 문이 없다면, default 문으로 이동.switch문은 문자열이나 숫자 값인 경우가 많다 반복문 (loop statement)for문은 거짓일 때 까지 반복               - 반복 횟수가 명확할 때while문은 결과가.. 2024. 9. 14.