평범한 컴공 대학생의 공부일지

이번 글에서는 Array 객체를 다루기 위한 함수에 대해서 몇 가지 알아보겠습니다. Array 객체의 다양한 함수들 - concat() concat() 함수는 2개 이상의 배열을 합쳐 새로운 배열을 반환하는 함수입니다. var arr1 = [1, 2, 3]; var arr2 = [4, 5, 6]; var combinedArr = arr1.concat(arr2); console.log(combinedArr); // [1, 2, 3, 4, 5, 6] 이처럼 arr1, arr2 배열을 합쳐 combindeArr이라는 새로운 배열을 반환하죠. - join() join() 함수는 배열 요소를 연결하는 함수입니다. 배열 요소들을 연결하여 나열할 때 구분 기호가 꼭 필요하겠죠? join은 이 기능을 담당합니다. va..

이번 글에서는 Array 객체와 배열에 대해서 알아보겠습니다. - Array 객체 배열을 다루기 위해 제공되는 내장 객체입니다. 배열은 여러 개의 값들을 순서대로 저장하는 자료구조로, 하나의 변수에 여러 값을 담을 수 있습니다. Array 객체는 배열을 생성하고 조작하는 다양한 메서드를 제공하여 데이터를 보다 효율적으로 다룰 수 있도록 도와줍니 다. 가계부를 예로 들어볼까요? 가계부에는 날짜 별로 수입과 지출 내역이 순서대로 저장됩니다. 그렇게 순서를 가진 것을 배열이라고 부릅니다. 가계부라는 변수에 순서대로 다양한 수입과 지출 내용(정보)을 담을 수 있는 것이죠. - 배열 만들기 1. 배열 리터럴 표기법 배열 리터럴 표기법은 간단하게 배열을 생성하는 방법입니다. 대괄호([])를 사용하여 배열을 정의하고..

이번 글에서는 프로토타입, 인스턴스와 함께 사용자 정의 객체에 대해서 알아보겠습니다. 프로토타입과 인스턴스란? - 프로토타입(Prototype) 프로토타입은 자바스크립트에서 객체 간 상속을 구현하는데 사용되는 객체입니다. 모든 객체는 프로토타입을 가지며, 프 로토타입은 다른 객체로부터 상속받은 메서드와 속성을 포함합니다. 객체는 프로토타입 체인을 따라 상위 프로토타입에 정의된 메서드와 속성을 사용할 수 있습니다. => 무언가를 만들기 위한 기본 틀을 의미합니다. 거푸집의 개념과 비슷하죠. - 인스턴스(Instance) 인스턴스는 프로토타입을 기반으로 생성된 개별 객체를 의미합니다. 사용자 정의 객체를 만들 때, 생성자 함수를 통해 인스턴스를 생성합니다. 각각의 인스턴스는 자신만의 속성 값을 가지며, 같은..

이번 글에서는 객체에 대해서 알아보겠습니다. 늘 그렇듯이 정의부터 파악을 해야겠죠? 자바스크립트는 객체지향 프로그래밍 언어로서, 객체(Object)를 기반으로 동작합니다. 객체는 여러 개의 속성과 메서드를 포함하는 자료형으로, 현실 세계의 사물이나 개념을 프로그래밍에서 표현하는 데 사용됩니다. 객체는 중괄호({})를 사용하여 정의하며, 속성과 메서드는 키-값 형태로 구성됩니다. 위의 코드에서 person은 객체를 나타내며, name과 age는 객체의 속성(property)으로, greet는 객체의 메서드(method)로 정의되어 있습니다. 종류 1. 내장 객체 (Built-in Objects) 내장 객체는 자바스크립트에서 기본적으로 제공되는 객체들로, 자주 사용되는 기능들을 담고 있습니다. 예를 들어, ..

함수 표현식 : 함수 이름을 사용해 실행하는 것이 아닌 다른 방법을 통해 실행하는 방법 함수 표현식에는 크게 3가지가 있습니다. 이번 글에서 이러한 함수 표현식에 대해 배워보겠습니다. 익명 함수 - 이름이 없는 함수 보통 함수에는 이름이 붙어 함수의 이름을 사용해 호출하지만 익명 함수는 이름이 없습니다. - 함수 자체가 '식'이다. 함수 = 식이기 때문에 변수에 할당할 수 있으며, 매개 변수로도 활용할 수 있습니다. 즉시 실행 함수 - 함수 자체가 '식'이다. - 변수 할당 가능, 함수 반환 값 변수에 할당 가능 var result = (function(x,y) { // 매개 변수 return x / y; } (35,5)); // 인수 console.log(result); 화살표 함수 - 사용 방법 1...

이번 글에서는 함수에 대해서 알아보겠습니다. 그렇다면 함수의 정의와 기능부터 알아야 하겠죠? 함수의 정의는 "자주 실행해야 하는 명령어들의 집합"입니다. 세탁기를 한 번 생각해 볼까요? 세탁기에는 기능들이 다양합니다. 세탁, 헹굼, 탈수, 불림 이런 기능들이 아주 많습니다. 하지만 저희가 세탁기를 돌릴 때 세탁 기능만 사용하고 끝이 아니죠? 세제를 넣고 세탁을 한다 -> 물로 빨래를 헹군다 -> 탈수로 빨래의 물기를 제거한다. 여기서 건조 기능까지 있는 세탁기면 마지막에 건조 기능도 추가가 되겠죠? 만약에 세탁이 끝나고 저희가 직접 헹굼 버튼을 눌러 다시 돌리고 또 끝나고 또 다음 기능을 돌리고 하면 번거롭죠? 세탁이 끝난 후 헹굼을 눌러줘야 하는데 잠깐 어디 나가는 상황만 발생해도 빨래는 금방 상할 겁..

이번 글에서는 제어문에 대해서 알려드릴게요. 제어문은 크게 6개로 나뉩니다. 1) if, if ~ else 2) switch 3) for, 중첩 for문 4) while, do ~ while 5) break 6) continue 오늘은 이 6가지 제어문에 대해서 설명해드리겠습니다. if, if ~ else 이 명령어는 조건에 따라 값을 다르게 출력하게 해주는 역할을 수행합니다. 예를 들어 설명해드릴게요. 주스 공장이 있다고 생각해봅시다. 그 공장에서는 품질 90%이상만 납품하고 90% 아래는 따로 폐기 처분을 한다고 가정해볼게요. 같은 컨베이어벨트에서 쭉 돌아가면서 품질을 검사하고 폐기 처분과 납품할 주스는 따로 구분해야겠죠? 그래서 품질에 따라 컨베이어 벨트 방향을 바꿔준다고 생각해봅시다. 그럼 주스가..

이번 글에서는 연산자에 대해서 알아볼게요. 자 먼저 연산자를 간단히 설명해 드리면 저희가 수학을 배울 때 사칙연산(+,-,x,/)을 배우죠? 이와 같이 계산하는 역할을 수행하는 명령을 의미합니다. 연산자는 종류가 아주 많지만 아래와 같이 크게 나뉩니다. 연산자 - 연산자 - 피연산자 위는 잘 이해하셔야 하니 예를 들어 설명해 드릴게요. 위 코드는 a와 b의 값을 더하여 c에 할당한 후 그 값을 출력해 주는 코드입니다. 여기서 주의 깊게 살펴볼 것은 c = a + b입니다. 제가 위에서 연산자는 계산 역할을 수행하는 명령이라고 했습니다. 그럼 c = a + b에서 연산자는 당연히 =, + 일 겁니다. 그럼 피연산자는 무엇이냐? 연산의 대상이 되는 c, a, b를 피연산자라고 합니다. 다시 정리해드리면 피연..