Frontend/JavaScript30 [JS DeepDive] 9. 함수 [12장 함수] 1. 함수 입력을 받아 출력을 내보내는 일련의 과정이다.함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행단위로 정의한 것이다.// f(x,y) = x + yfunction add(x, y) { return x + y;}// f(2, 5) = 7add(2, 5); //7매개변수 : 함수 내부로 입력을 전달받는 변수인수 : 입력반환값: 출력함수 정의 : 함수를 생성함수 호출 : 실행결과인 반환값 반환// 함수 정의function add(x, y) { return x + y;}// 함수 호출var result = add(2, 5);console.log(result);2. 함수를 사용하는 이유 함수는 필요할 때 여러 번 호출이 가능한 코드의 재사용의 특징이 있다.코드의 .. 2025. 4. 16. [JS DeepDive] 8. 원시 값과 객체의 비교 element. -->[11장 원시 값과 객체의 비교]1. 원시 타입과 객체 타입의 차이점구분원시 타입객체 타입값의 특성변경 불가능한 값 (Immutable)변경 가능한 값 (Mutable)변수에 할당 시변수에 실제 값이 저장됨변수에 참조 값(주소)이 저장됨변수 간 전달 방식값에 의한 전달 (값이 복사됨)참조에 의한 전달 (주소가 복사됨)2. 원시값1) 변경 불가능한 값원시 타입의 값(원시 값)은 변경 불가능한 값이다. 한 번 생성된 원시 값은 읽기 전용 값으로서 변경할 수 없다.변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름값 : 변수에 저장된 데이터로서 표현식이 평가되어 생성된 결과→ 변경 불가능하다 = 변수가 아닌 값에 대한 진술변수는 언.. 2025. 4. 16. [JS DeepDive] 7. 객체 리터럴 element. -->[10장 객체 리터럴]1. 객체객체 = "자바스크립트를 구성하는 모든 것"원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)타입설명원시타입단 하나의 값만 나타냄객체 타입다양한 타입의 값 (원시값/다른 객체)을 하나의 단위로 구성한 복합적인 자료 구조원시 값변경 불가능한 값이지만 객체 타입의 값(객체는 변경 가능한 값)객체 = 0개이상의 프로퍼티로 구성된 집합프로퍼티 = 키 + 값var person = { name: "Lee", // 프로퍼티 age: 20, // age : 키, 20 : 프로퍼티 값};→ 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있음→ 함수도 프로퍼티값이긴 하지만 일반 함수와 구분하기 위해 메서드라 부른다.var counter = .. 2025. 4. 16. [JS DeepDive] 6. 타입변환과 단축 평가 [9장 타입 변환과 단축 평가] 1. 타입 변환 기존 원시 값을 사용해 다른 타입의 새로운 원시값을 생성하는 것명시적 타입 변환 : 개발자가 의도적으로 값의 타입을 변환하는 것암묵적 타입 변환 : 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 JS엔진에 의해 암묵적으로 타입이 자동변환2. 암묵적 타입 변환 // 피연산자가 모두 문자열 타입이어야하는 문맥"10" + 2; // '102'→ 코드의 문맥에 부합하지 않은 다양한 상황이 발생하는데 JS는 가급적 에러를 발생시키지 않으려고 타입으로 변환시켜준다.→ 문자열, 숫자, 불리언과 같은 원시타입 중 하나로 타입을 자동 변환한다.문자열 타입으로 변환숫자 타입으로 변환불리언 타입으로 변환불리언 타입으로 변환 if문이나 for문과 같은 제어문은 불리언 값,.. 2025. 4. 9. [JS DeepDive] 5. 제어문 [8장 제어문] | 제어문조건에 따라 코드 블록을 실행(조건문)하거나 반복실행(반복문) 할 때 사용한다.1. 블록문 0개 이상의 문을 중괄호로 묶은 것코드블록, 블록이라고도 부른다.단독으로 사용할 수도 있으나 일반적으로 제어문이나 함수를 정의할 때 사용하는 것이 일반적이다.블록문의 끝에는 세미콜론을 붙이지 않는다.(종결성을 갖으므로)// 블록문{ var foo = 10;}// 제어문var x = 1;if (x 10) { x++;}// 함수 선언문function sum(a, b) { return a + b;}2. 조건문 주어진 조건식의 평가 결과에 따라 코드블록의 실행을 결정한다.if...else문switch문1) if...else 문 주어진 조건식(불리언 값으로 평가될 수 있는 표현식)의 평가결과.. 2025. 4. 9. [JS DeepDive] 4. 연산자 [7장 연산자] | 연산자하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다.연산의 대상 = 피연산자(값으로 평가될 수 있는 표현식)피연산자 = 값 (명사)연산자 = 피연산자를 연산하여 새로운 값을 만든다 (동사)1. 산술 연산자 | 산술연산자피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다.산술 연산자피연산자 개수이항 산술 연산자2개단항 산술 연산자1개1) 이항 산술 연산자 2개의 피연산자를 산술 연산하여 숫자값을 만든다.피연산자의 값을 변경하는 부수효과가 없이 새로운 값을 만든다.5 + 2; // 75 - 2; // 32) 단항 산술 연산자 1개의 피연산자를 산술 연산하여 숫자값을 만든다.단항 산술 연산자의미부수효과++증가O--.. 2025. 4. 9. 이전 1 2 3 4 5 다음
