'JavaScript' 태그의 글 목록 (4 Page)

[Javascript]함수(2)호출,전달,형태

사부작사부작/Javascript 2022. 2. 15. 12:56

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 함수 호출 함수를 가리키는 실별자와 소괄호 쌍인 함수 호출 연산자로 함수를 호출한다. 함수 호출 연산자 내에는 인수를 쉼표로 구분해서 나열한다. 함수를 호출하면 현재의 실행 흐름을 중단하고 호출된 함수로 실행 흐름을 옮긴다. 이때, 매개변수에 호출 연산자 안의 인수가 순서대로 할당되고, 함수 몸체의 문들이 실행된다. // 함수 선언문 function add(x, y) { return x + y; } // 함수 호출 // 인수 1과 2는 매개변수 x와 y에 순서대로 할당되고 함수 몸체의 문들이 실행된다. var result = add(1, 2); 1) 매개변수와 인수 함수를 실행하기 위해 필요한 값을 함수 외부에서 함수 내부로 전달할 필요가..

[Javascript] 얕은 복사에 대한 고찰

사부작사부작/Javascript 2022. 2. 10. 23:34

자바스크립트 스터디를 참여하고 있다. 활용하고 있는 책은 '모던 자바스크립트 Deep Dive'이다. 스터디 방식은 각 주차에 해당하는 내용을 정리해서 올리고, 또 스터디원들이 돌아가며 챕터에 대해 발표하는 식으로 진행하게 되는데, 내 차례에 '원시값과 객체의 비교'를 맡게 되었다. 핵심이 되는 내용은 당연히 객체의 복사 문제....... 자바스크립트로 처음 개발을 접하는 비전공생이라면 한번쯤은 여기서 다들 덜그럭거려봤을 거라고 생각한다(나만그랬나?) 그중에 발표 후에 질문 타임에서 얕은 복사에 대한 개념이 기존에 알고 있던 것과 다르다는 질문이 나왔다. 충분히(타당하게) 그렇게 생각할 수 있기에, 다시 한번 보자. 얕은 복사와 깊은 복사에 대한 모든 내용을 다룰 건 아니다. ( 아얘 처음 듣는 이야기라..

[Javascript]원시 값과 객체의 비교

사부작사부작/Javascript 2022. 2. 8. 20:36

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 원시 타입의 값 원시 값은 변경 불가능 한 값이다. 한번 생성된 원시 값은 읽기전용으로 변경할 수 없다. 원시 값 자체가 변경 불가능하다는 것이지, 변수에 할당된 값을 변경할 수 없다는 이야기가 아니다. 따라서 원시타입의 값을 가지고 있는 변수의 값을 바꿀 때 변수에 할당되 있는 값 자체를 다른 것으로 변경하는 것이 아니라 변수에 새로운 값을 할당하는 방식으로 변경한다. 즉 원시 타입의 값은 불변성을 가지며 재할당 외에 변수 값을 변경할 수 있는 방법이 없다. 1) 문자열과 불변성 문자열은 유사 배열 객체이다. 즉, 배열 처럼 인덱스로 문자열의 일부 값에 접근할 수 있고 객체와 유사하게 length 프로퍼티도 갖는다. 심지어 유사 배열이라..

[Javascript] 함수(1) 정의와 표현

사부작사부작/Javascript 2022. 2. 8. 17:59

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 함수 함수는 일련의 과정을 문으로 구현하고 코드블록으로 감싸서 하나의 실행 단위로 정의한 것이다. //함수도 수학과 같이 입력을 받아 출력을 내보낸다. // f(x, y) = x + y function add(x, y) { return x + y; } // f(2, 5) = 7 add(2, 5); // 7 함수 이름: 값인 함수를 구별하기 위해 사용하는 이름 매개변수(parameter): 함수 내부로 전달하는 입력을 전달받은 변수 인수(argument): 함수를 호출하면서 함수 내부로 전달할 입력 값 리턴값(반환값, return value): 함수가 실행 후 내부의 과정을 거치면서 반환한 결과 값 함수는 정의만으로 실행되지 않는다. 정의한..

[Javascript]객체 리터럴

사부작사부작/Javascript 2022. 2. 1. 15:29

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 객체 자바스크립트는 객체 기반의 프로그래밍 언어이다. 원시값을 제외한 나머지 모두 객체이다. 객체 타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적 자료구조이다. 원시 타입은 변경 불가능한 값이지만, 객체 타입의 값은 변경 가능한 값이다. 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용하여 값을 생성하는 표기법이라고 배웠다. 객체 리터럴은 결국 객체를 표기하기 위한 표기법인 것이며, 중괄호({})내에 0개 이상의 프로퍼티를 작성하여 정의한다. 프로퍼티를 작성하지 않으면 빈 객체가 생성된다. 여기서 중괄호는 코드블록을 의미하지 않는 다는 것에 주의하자! let person = { name: 'Lee', // 프로퍼티 sa..

[Javascript] 타입 변환과 단축 평가

사부작사부작/Javascript 2022. 2. 1. 14:31

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 개인적으로 리액트 개발자로서 조건문이나 렌더링에서 && ?? ?. ||와 같은 연산자를 쓸 일이 많았는데 왜 이렇게 작동하는가에 대해서는 명확히 모르고 이렇게 쓰면 이렇게 작동한다 정도 수준으로만 알고 사용하고 있었다. 이번 챕터에서 튿히 단축 평가를 공부하면서 이유를 확실하게 알게되어 너무 좋았다! 자바스크립트 개발자라면 꼭 알아야 하는 챕터라고 생각된다. 타입변환? 자바스크립트의 모든 값에는 타입이 있고, 개발자가 의도적으로 타입을 변환시키는 것을 명시적 타입변환/ 타입캐스팅 이라고한다. 반면 자바스크립트의 엔진에 의해 암묵적으로 타입이 자동 변환되는 것을 암묵적 타입 변환/타입 강제 변환이라고 한다. 원시값은 변경 불가능한 값이므로,..

[Javascript]제어문

사부작사부작/Javascript 2022. 1. 25. 19:19

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 제어문 제어문은 조건에 따라 코드 블록을 실행하거나 반복할때 사용한다. 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다. 블록문 0개 이상의 문을 중괄호로 묶은 것을 의미한다. 자바스크립트는 블록문을 하나의 실행 단위로 취급한다. 블록문은 단독으로 사용할 수 있으나 일반적으로 제어문이나 함수를 정의할 때 사용한다. { let foo = 'foo'; } function sum (a, b) { return a + b; } 조건문 주어진 조건식의 평가 결과에 따라 블록문의 실행을 결정하는 문을 말한다. 조건식은 불리언 값으로 평가될 수 있는 표현식이여야 하며, 조건식이 불리언 값이 아닌 값으로 평가되는 경우 암묵적으로 불리언 값..

[Javascript]연산자

사부작사부작/Javascript 2022. 1. 25. 00:54

#모던자바스크립트_딥다이브 스터디를 진행하면서 정리한 내용입니다. 연산자(operator) 연산자는 하나 이상의 표현식을 대상으로 연산을 수행해 하나의 값을 만든다. 연산의 대상을 피연산자라고 하고, 피연산자가 될 수 있는 것은 값으로 평가될 수 있는 표현식이어야 한다. 또한 연산자와 피연산자로 이루어진 표현식도 값으로 평가될 수 있는 표현식이다. 산술 연산자(Arithmetic operator) 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우 NaN을 반환한다. 이항 산술 연산자 : 2개 이상의 피연산자를 산술하여 새로운 숫자 값을 만든다. 덧셈(+), 뺄셈(-), 곱하기(*), 나누기(/), 나머지(%) 연산자가 있다. 5 % 5; // 0 5 % 1; ..

ABOUT ME

Way in Wayne

티스토리툴바