분류 전체보기199

• js null 과 undefined let b = null;console.log(b); // nullnull과 undefined는 JavaScript에서 자주 사용되는 두 가지 특별한 값으로, 둘 다 "값이 없음"을 나타내지만 그 의미와 사용 방식에서 차이가 있습니다.    undefined undefined는 변수가 선언되었지만 값이 할당되지 않은 상태를 나타냅니다. 즉, 변수가 존재하지만 그 값이 정의되지 않은 경우입니다.  JavaScript에서 변수를 선언하고 초기화하지 않으면, 그 변수의 값은 자동으로 undefined로 설정됩니다. let a;console.log(a); // undefined 함수의 반환값: 함수가 명시적으로 값을 반환하지 않으면, 그 함수의 반환값은 undefined가 됩니다. function myFuncti.. 개발 2024. 11. 6.

• js 불변객체 JavaScript에서 불변 객체(Immutable Object)는 한 번 생성된 후 그 상태를 변경할 수 없는 객체를 의미합니다. 즉, 불변 객체의 속성이나 값을 수정할 수 없으며, 이러한 객체를 다룰 때는 새로운 객체를 생성하여 변경 사항을 반영합니다.  불변 객체의 주요 특징과 장점 상태 관리 용이: 불변 객체는 상태를 변경할 수 없기 때문에, 이전 상태를 쉽게 추적할 수 있습니다. 이는 특히 Redux와 같은 상태 관리 라이브러리에서 유용합니다.예측 가능성: 불변 객체는 상태가 변하지 않기 때문에, 함수형 프로그래밍의 원칙을 따르며, 코드의 예측 가능성을 높입니다.성능 최적화: 불변 객체는 참조 비교를 통해 변경 여부를 쉽게 판단할 수 있습니다. 이는 성능을 최적화하는 데 도움이 됩니다.안전성: .. 개발 2024. 11. 6.

• js 데이터 타입 과 메모리 관리 JavaScript는 다양한 데이터 타입을 지원하며, 각 데이터 타입은 메모리에서 다른 방식으로 처리됩니다. 데이터 타입의 종류JavaScript의 데이터 타입은 크게원시 타입(Primitive Types)과참조 타입(Reference Types)으로나눌 수 있습니다.  원시 타입 (Primitive Types) 불변! 원시 데이터(Primitive Data)는 더 이상 분해할 수 없는 기본적인 데이터 유형으로, 일반적으로 숫자, 문자, 불리언 값 등을 포함합니다.  원시 타입은 변경 불가능한 값(immutable value)을 가지며,새로운 값을 생성할 때마다 기존 값을 수정하는 것이 아니라 새로운 값을 만들어내는 특성을 가지고 있습니다.변경 불가능한 값은 한 번 생성된 후 그 값을 변경할 수 없는 데.. 개발 2024. 11. 5.

• TIL_본캠프_7일차 오늘은 시간이 역시 부족하다.할일은 너무 많고정리해야 할 문제들이 산더미 처럼 쌓여있다. 내일은 마지막 5주차 강의 까지 완강하고 나서 오늘 마저 정리하지 못한 3주차부터 5주차 까지 모두 정리해야한다. 정리하고 나서 예제 몇번 테스트 해보고 나서 로그라이크 게임 제작을 약간이나마 할 시간이 올까? 오늘 머리 과부화만 4번 정도 왔던것 같다. 소리는 들리는데 머리로는 안들어오는 신기한 현상을 경험했다.정리가 완전히 된 이후에 다시 들어보면 들릴까? 오늘은 1주차 내용 정리 마무리 및2주차 내용 정리 마무리 했다. 팀원들에게 제공했던 문제는 난이도가 너무 어려웠던것 같다.오늘은 난이도를 대폭 낮춰 제공하였지만 1명만 문제를 풀어줬다. 문제에 정답이 있는데 다들 과부화가 온듯하다. 오늘 배운 내용은 "개발".. TIL 2024. 11. 5.

• js Set JavaScript의 Set 객체는 고유한 값의 집합을 저장하는 데이터 구조입니다. ES6에서 도입된 Set은 배열과 비슷하지만, 중복된 값을 허용하지 않으며, 순서를 유지합니다.   Set의 특징고유한 값: Set은 중복된 값을 저장하지 않습니다.데이터 타입: Set은 원시값(문자열, 숫자 등)뿐만 아니라 객체, 배열 등 모든 데이터 타입을 저장할 수 있습니다.순서 유지: Set은 요소가 삽입된 순서를 유지합니다.동적 크기: Set의 크기는 동적으로 변하며, .size 속성을 통해 현재 저장된 요소의 개수를 쉽게 확인할 수 있습니다. Set 생성const mySet = new Set(); Set에 요소 추가add(value) 메서드를 사용하여 Set에 값을 추가할 수 있습니다.mySet.add(1);m.. 개발 2024. 11. 5.

• js Map console.log(myMap.size); // 3 출력avaScript의 Map 객체는 키-값 쌍을 저장하는 컬렉션으로 ES6에서 도입되었습니다. 일반적인 객체와는 달리 Map은 키로서 객체를 포함하여 다양한 데이터 타입을 사용할 수 있으며 삽입 순서를 유지합니다.    Map의 특징키의 타입: Map의 키는 원시값(문자열, 숫자 등)뿐만 아니라 객체, 함수 등 모든 데이터 타입을 사용할 수 있습니다.순서 유지: Map은 요소가 삽입된 순서를 유지합니다. 따라서 반복할 때, 삽입한 순서대로 요소를 얻을 수 있습니다.크기 확인: Map은 .size 속성을 통해 요소의 개수를 쉽게 확인할 수 있습니다.  Map 생성const myMap = new Map(); Map에 요소 추가set(key, value).. 개발 2024. 11. 5.

• js 일급 객체로서의 함수 JavaScript에서 함수는 일급 객체(First-Class Object)로 취급됩니다. 이는 함수가 다른 객체와 동일한 방식으로 다루어질 수 있음을 의미합니다.    일급 객체의 특성 변수에 할당 가능: 함수를 변수에 할당할 수 있습니다. const greet = function() { console.log("안녕하세요!");};  함수의 인수로 전달 가능: 함수를 다른 함수의 인수로 전달할 수 있습니다.function executeFunction(fn) { fn(); // 전달받은 함수를 실행}executeFunction(greet); // "안녕하세요!" 출력 함수의 반환값으로 사용 가능: 함수를 다른 함수에서 반환할 수 있습니다.function createGreeter(greeting.. 개발 2024. 11. 5.

• js ES6 ES6 (ECMAScript 2015)는 JavaScript의 주요 업데이트로, 많은 새로운 기능과 문법을 도입하였습니다.   변수 선언: let과 constlet: 블록 스코프를 가지며, 변수의 값을 변경할 수 있습니다.const: 블록 스코프를 가지며, 선언 시 초기화가 필요하고 값을 변경할 수 없습니다. let variable = "변경 가능";const constant = "변경 불가능";// variable = "변경됨"; // 가능// constant = "변경됨"; // 오류 발생 템플릿 리터럴 (Template Literals)백틱(`)을 사용하여 여러 줄 문자열과 문자열 내 변수 삽입을 쉽게 할 수 있습니다.const name = "홍길동";const greeting = `안녕하세요, $.. 개발 2024. 11. 5.

• js break와 continue JavaScript의 break와 continue는 반복문(for, while, do...while) 내에서 제어 흐름을 변경하는 데 사용되는 키워드입니다.    breakfor (let i = 0; i break는 반복문을 즉시 종료시키는 데 사용됩니다. break가 실행되면, 반복문이 중단되고 반복문 다음의 코드가 실행됩니다.   continuefor (let i = 0; i continue는 현재 반복을 건너뛰고 다음 반복으로 넘어가도록 합니다. continue가 실행되면, 반복문 내의 나머지 코드는 실행되지 않고, 조건이 다시 평가됩니다.    break와 continue의 활용 break: 특정 조건을 만족했을 때 반복문을 종료해야 할 때 유용합니다. 예를 들어, 특정 값이 배열에 있는지 확인하.. 개발 2024. 11. 5.

• js for문 JavaScript에서 for문은 반복 작업을 수행하는 데 사용되는 제어 구조입니다. 특정 조건이 참일 동안 코드를 반복 실행할 수 있습니다. for문은 주로 배열이나 객체의 요소를 순회하거나, 특정 횟수만큼 반복 작업을 수행할 때 사용됩니다.    기본 구조for (초기화; 조건; 증감) { // 반복 실행할 코드} for (let i = 0; i  0부터 4까지의 숫자를 출력하는 간단한 for문입니다.let i = 0: 반복 변수를 0으로 초기화합니다.i i++: 각 반복 후 i를 1씩 증가시킵니다. 배열순회const fruits = ["사과", "바나나", "오렌지"];for (let i = 0; i for문을 사용하여 배열의 모든 요소를 출력할 수 있습니다. for...of 문const fr.. 개발 2024. 11. 5.

• js 배열 여러 개의 데이터를 순서대로 저장할 수 있는 데이터 구조입니다. 배열은 다양한 데이터 타입을 포함할 수 있으며, 배열의 각 데이터는 인덱스를 통해 접근할 수 있습니다.    배열의 기본 개념 배열은 0부터 시작하는 인덱스를 가지고 있습니다.배열의 요소는 다양한 데이터 유형(숫자, 문자열, 객체 등)을 가질 수 있습니다.배열은 동적으로 크기를 조절할 수 있습니다.  배열 생성 방법 배열 리터럴const fruits = ["사과", "바나나", "오렌지"]; 가장 일반적인 방법으로, 대괄호 []를 사용하여 배열을 생성합니다.    Array 생성자const fruits = new Array("사과", "바나나", "오렌지"); Array 생성자를 사용하여 배열을 생성할 수 있습니다.  빈 배열const em.. 개발 2024. 11. 5.

• js 객체 데이터와 기능을 포함하는 복합 데이터 타입입니다. 객체는 키-값 쌍으로 구성되어 있으며, 다양한 데이터를 구조적으로 저장하고 관리하는 데 유용합니다.   객체의 기본 개념 객체는 여러 프로퍼티를 가질 수 있으며, 각 프로퍼티는 이름(키)과 값으로 구성됩니다.객체는 다양한 데이터 타입을 포함할 수 있으며, 다른 객체를 포함할 수도 있습니다.  객체 생성 방법 객체 리터럴const person = { name: "홍길동", age: 30, isStudent: false}; 가장 간단한 방법으로, 중괄호 {}를 사용하여 객체를 생성합니다. new Object() 구문 const person = new Object();person.name = "홍길동";person.age = 30;person... 개발 2024. 11. 5.