잼코딩

이번에는 배열을 더욱 편리하게 다룰 수 있는 순회 및 탐색 메서드, 배열을 새로운 형태로 가공하는 변형 메서드, 날짜와 시간을 다루는 Date 객체, 그리고 JavaScript에서 중요한 동기와 비동기 처리에 대해 정리한다.특히 forEach, map, filter, find와 같은 배열 메서드는 실제 웹 개발과 React에서도 매우 자주 사용하기 때문에 동작 방식의 차이를 정확하게 이해해두는 것이 중요하다.1. 배열의 순회 및 탐색 메서드배열의 요소를 하나씩 확인하거나 원하는 값을 찾을 때 사용할 수 있는 대표적인 메서드는 다음과 같다.forEach()includes()indexOf()findIndex()find()각각 비슷해 보이지만 반환하는 값과 목적이 다르다.2. forEach()forEach()..

JavaScript 심화 문법 두 번째 정리.이번에는 JavaScript에서 데이터를 이해할 때 매우 중요한 원시 타입과 객체 타입의 차이부터 시작해서 객체의 복사와 비교, 배열과 객체를 순회하는 방법, 그리고 배열의 요소를 추가하거나 삭제하는 다양한 메서드에 대해 정리한다.특히 객체 타입은 원시 타입과 저장되는 방식이 다르기 때문에 앞으로 React의 상태 관리 등을 이해할 때도 중요한 개념이다.1. 원시 타입과 객체 타입JavaScript의 자료형은 크게 두 가지 관점으로 나누어 생각할 수 있다.원시 타입(Primitive Type)객체 타입(Object Type)두 타입의 가장 큰 차이는 값을 저장하고 복사하는 방식이다.2. 원시 타입원시 타입은 값 자체가 변수에 저장되고 복사되는 타입이다.대표적인..

※ 이 글은 출판사로부터 도서를 제공받아 직접 읽고 작성한 리뷰입니다.개발 공부를 하다 보면 자연스럽게 코드를 작성하는 방법이나 프레임워크, 언어 문법에 집중하게 된다.그런데 실제로 여러 사람이 함께 개발하는 환경에서는 코드를 작성하는 것만큼이나 내가 작성한 코드를 설명하고, 다른 사람의 코드를 리뷰하고, 의견을 주고받는 과정도 중요하다.이번에 읽어본 책은 바로 이런 부분을 다루고 있는《좋은 코드 리뷰, 나쁜 코드 리뷰》다.《좋은 코드 리뷰, 나쁜 코드 리뷰》. 19가지 사례와 33가지 팁을 통해 코드 리뷰 과정에서의 커뮤니케이션 방법을 다룬다.표지에 적혀 있는“좋은 개발팀은 어떻게 리뷰하고 소통하는가?”라는 문장이 이 책의 내용을 가장 잘 설명해주는 것 같다.단순히 코드의 오류를 찾아내거나 더 좋은 코..

JavaScript 기본 문법을 어느 정도 공부하고 이제 조금 더 심화된 문법을 정리해본다.이번에는 조건문을 더욱 간결하게 사용할 수 있게 해주는 Truthy와 Falsy, 논리 연산자의 특성을 활용하는 단락 평가, 배열과 객체에서 원하는 값을 편리하게 꺼낼 수 있는 구조 분해 할당, 그리고 데이터를 펼치거나 모으는 Spread와 Rest 문법에 대해 정리한다.1. Truthy와 FalsyJavaScript에서는 Boolean 타입인 true, false뿐만 아니라 다른 자료형의 값도 조건문 안에서 참 또는 거짓처럼 평가될 수 있다.이때 참으로 평가되는 값을 Truthy, 거짓으로 평가되는 값을 Falsy라고 한다.예를 들어 다음과 같은 코드를 작성할 수 있다.if ("hello") { consol..

JavaScript 기본 문법 세 번째 정리.이번에는 함수를 조금 더 활용하는 방법인 콜백 함수부터 시작해서, 변수의 접근 범위를 결정하는 스코프, 여러 데이터를 하나로 묶어 관리하는 객체와 배열에 대해 정리한다.1. 콜백 함수콜백 함수(Callback Function)는 다른 함수의 인수로 전달되는 함수를 의미한다.JavaScript에서는 함수도 하나의 값처럼 사용할 수 있기 때문에 다른 함수에 전달할 수 있다.예를 들어 다음과 같은 함수가 있다고 해보자.function main(value) { console.log(value);}function sub() { console.log("I am sub");}sub라는 함수를 main 함수에 전달할 수도 있다.main(sub);여기서 sub는 함..

JavaScript 기본 문법 두 번째 정리.이번에는 첫 번째 글에서 다룬 기본 연산자에 이어 null 병합 연산자, typeof, 삼항 연산자를 알아보고, 프로그램의 흐름을 제어하는 조건문과 반복문, 그리고 JavaScript에서 중요한 함수에 대해 정리한다.1. Null 병합 연산자 ??Null 병합 연산자는 여러 값 중에서 null 또는 undefined가 아닌 값을 선택할 때 사용하는 연산자이다.let var1;let var2 = 10;let var3 = 20;let var4 = var1 ?? var2;let var5 = var1 ?? var3;console.log(var4);console.log(var5);결과1020var1은 값을 할당하지 않았기 때문에 undefined 상태이다.따라서var1..

Js를 다시 공부하면서 오랜만에 정리해 두었던 내용을 토대로 블로그에 기재할려고 한다. js를 다시 공부하거나, 잘 모르는 분들에게 도움을 주기 위해 이 글을 작성한다.1. 변수와 상수프로그램을 작성하다 보면 데이터를 저장해두고 필요한 순간에 다시 사용해야 하는 경우가 많다.이때 데이터를 저장하기 위해 사용하는 것이 변수(Variable)이다.JavaScript에서는 주로 let과 const를 사용한다.letlet으로 선언한 변수는 이후에 값을 변경할 수 있다.let age = 27;console.log(age);age = 30;console.log(age);실행 결과2730처음에는 age에 27을 저장했지만 이후 30으로 값을 변경할 수 있다.즉, 값이 변경될 가능성이 있는 데이터에는 let을 사용한다..

1. V8 엔진 개요V8은 Google이 개발한 오픈소스 JavaScript 런타임 엔진으로, Chrome 브라우저와 Node.js의 핵심 실행 환경이다. V8은 JavaScript 소스 코드를 기계어로 컴파일하고 실행하며, 메모리 할당과 회수(Garbage Collection)를 전담한다.V8의 핵심 구성 요소는 다음과 같다.V8 Engine├── Parser — JS 소스를 AST(추상 구문 트리)로 변환├── Ignition — AST를 바이트코드로 해석·실행 (인터프리터)├── TurboFan — 자주 실행되는 코드를 기계어로 최적화 (JIT 컴파일러)└── Orinoco GC — 메모리 할당 및 가비지 컬렉션 전담JavaScript는 메모리를 개발자가 ..