얼렁뚱땅개발로그^__^

보호되어 있는 글입니다.

EP. 194 forEach() find() 와 findIndex() 처럼 함수를 취하는 형태를 가지고 있고, 최대 3개의 인수를 취한다. 아래 코드를 for of 반복문으로 배열의 값을 처리할 수도 있지만 forEach는 index를 쉽게 엑세스할 수 있는 for of 반목문의 대안으로 사용된다. forEach() 메서드는 새로운 값을 반환할 필요가 없어서 forEach()에서 원하는 작업을 할 수 있다. const prices = [10.99, 5.99, 3.99, 6.59]; const tax = 0.19; const taxAdustedPrices = []; prices.forEach((price, idx, prices) => { const priceObj = { index: idx, taxAdus..

EP. 190 concat()으로 배열에 배열 추가하기 concat() 배열 끝에 요소를 추가해서 연결할 수 있도록 한다. push() 와 비슷한 것이라고 볼 수 있다. push()는 한 배열에 여러 항목을 넣지만, concat은 한 배열이나 여러 배열을 취한다. const testResults = [1, 1.5, 5.3, 1.5, 10.99, -5, 10]; const storedResults = testResults.concat([3, 3.5]); console.log(storedResults); // [1, 1.5, 5.3, 1.5, 10.99, -5, 10, 3, 3.5] concat()은 1개나 그 이상의 배열을 취해 storedResults 배열을 testResults 배열과 연결한다. 새로운..

EP. 187 push(), pop(), unshift(), shift() - 요소 추가 & 제거 push() 배열의 마지막 항목으로 추가 const hobbies = ['Sports', 'Cooking']; hobbies.push('Codding'); //['Codding','Sports', 'Cooking'] pop() 배열의 마지막 항목 삭제 const hobbies = ['Sports', 'Cooking']; hobbies.pop(); //['Sports'] unshift() 배열 추가 const hobbies = ['Sports', 'Cooking']; hobbies.unshift('Codding'); //['Codding','Sports', 'Cooking'] 이름만 보면 배열을 삭제할 것으로..

EP. 119 원시 vs 참조 값 원시값 원시 데이터 타입은 객체가 아닌 데이터 타입을 뜻한다. 객체가 아닌 데이터 타입이란 변수에 저장된 실제값에 직접적으로 접근할 수 있는 단순한 데이터라는 것을 의미한다. 또 하나의 값에 대한 정의가 절대 변하지 않는 불변성을 갖고 있다. 원시 값은 메모리에 저장되고 상대적으로 짧게 동작하기 때문에 거의 스택에 저장된다. 거의 스택에 저장된다고 이야기하는 이유는 함수의 실행 시간이 긴 경우에는 힙으로 저장되기도 하기 때문이다. String Number Booleans null undefined Symbol let name = 'Max'; let age = 30; 원시값의 불편성이란 변수는 새로운 값을 다시 할당할 수 있지만, 이미 생성한 원시 값은 객체, 배열, 함수..

EP. 117 Javascript 엔진 속으로 - 코드는 어떻게 실행되는 가 자바스크립트는 웹 브라우저뿐만 아니라 다양한 환경에서 실행될 수 있는 데, 코드가 실행되는 환경을 '런타임(runtime)' 이라고 한다. 특히 자바스크립트 엔진과 브라우저의 런타임은 웹 개발에서 핵심 역할을 하는 주요 구성 요소이다. Javascript 엔진 자바스크립트 엔진은 자바스크립트 코드를 해석하고 실행하는 핵심 구성 요소로 브라우저에 내장되어 자바스크립트를 읽고 컴퓨터가 읽을 수 있는 기계어로 변환해 주는 것을 말한다. 자바스크립트 엔진은 하나의 콜 스택을 가지는 싱글 스레드이나 실제로 자바스트립트의 작동은 웹 브라우저나 node.js와 같은 멀티 스레드 환경에 임베디드되어 실행되기 때문에 자바스크립트와 웹 api, ..

EP. 98 반복문 소개 for 특정 횟수만큼 코드를 실행하도록 한다. for(let i = 0; i < 3; i++){ console.log(i) }​ for-of 배열의 모든 요소에 대해 실행, 즉 배열의 모든 요소에 대해 코드를 실행할 수 있도록 해주는 것 for( const el of array ){ console.log(el); }​ of 키워드를 활용하여 상수를 생성 배열의 모든 요소를 활용하는 등의 상황에서 주로 사용한다. for-in 객체의 모든 키에 대해 코드를 실행하도록 해주는 반복문이다. for(const key in obj){ console.log(key); console.log(obj[key]) }​ obj[key]는 key의 value를 가지고 오는 방식이다. while 어떤 조..

EP. 91 조건적 코드에서 전역 상수 식별자로 활용하기 아래 코드에서 밑줄친 내용을 보면, 여러 함수에서 해당 텍스트를 사용하는 곳이 많이 있다. 저런 경우에는 복붙이나 직접 텍스트를 입력하는 과정에서 오타로 작성하는 실수를 종종하게 될 것이다. 그래서 이러한 실수를 줄이기 위해서는 여러 곳에서 사용하는 텍스트의 경우에 const 상수로 선언해서 활용하는 것이 오타로 인한 에러를 방지할 수 있다. EP. 94 문장 VS 표현식 표현식 자바스크립트에서 표현식은 상수나 변수에 저장하는 값이나 함수에서 반환되는 값 등을 산출하는 것을 말함. 모든 표현식은 문장이기도 하다. 문장 if문은 코드에서만 사용할 수 있고 등호 오른쪽에는 사용할 수 없기 때문에 문장이다. EP. 95 논리적 연산자 "팁" & 축약어 ..