algml0703

map과 filter 응용 HTML 삽입 미리보기할 수 없는 소스 map은 기본적으로 배열의 내장 함수로 존재하여 아래와 같이 작동할 수 있다. 그런데 아래의 코드를 실행하면 에러가 발생하여 실행되지 않는데, 이는 querySelectorAll()로 생성된 것은 배열이 아닌 이터레이터객체이기 때문이다. 그렇기 때문에 배열의 내장함수인 map이 존재하지 않아 에러가 발생한다. log(document.querySelectorAll("*").map((e) => a + 1)); 이런 경우 아래의 코드와 같이 for of를 사용하여 직접 map 함수를 만들어 사용할 수 있다. const map = (f, products) => { let names = []; for (const a of products) { n..

함수 고급 개념 HTML 삽입 미리보기할 수 없는 소스 HTML 삽입 미리보기할 수 없는 소스 const log = console.log; const a = 10; const add10 = a => a+ 10; const r = add10(a); log(r); HTML 삽입 미리보기할 수 없는 소스 자바스크립트에서 함수는 일급이기 때문에, 값으로도 다뤄질 수 있다. 또한 함수가 일급이라는 의미는 함수의 결과값으로 함수가 올 수 도 있음을 의미한다. const log = console.log; // 일급은 값으로 다뤄질 수 있고, 변수에 담길 수 있다. const a = 10; const add10 = a => a+ 10; const r = add10(a); log(r); // 일급은 함수의 인자로 사용될..

Node.js 👉 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임이다. node.js는 서버 실행용으로 주로 사용된다. 런타임 : 특정 언어로 만든 프로그램들을 실행할 수 있는 환경 서버 : 네트워크를 통해 클라이언트 정보나 서비스를 제공하는 컴퓨터 또는 프로그램 클라이언트 : 요청을 보내는 주체로, 주로 브라우저를 의미한다.( 모바일 앱이나, 다른 서버에 요청을 봬는 서버도 클라이언트가 될 수 있다. ) 특성 ✔ 이벤트기반 이벤트가 발생할 때 사전에 짜여진 작업을 수행한다. 즉 특정 이벤트 발생 시 해당 이벤트에 설정해둔 콜백함수를 호출한다. 호출된 함수들은 순서대로 호출 스택에 들어가고 함수 실행이 완료되면 호출 스택에서 마지막에 들어간 호출부터 지워지게 된다. 즉 후..

Object.assign( ) 객체 형태로 복제하여 준다. const user = { name: 'mihee', age: 27, like: 'snack' }; const new_user = Object.assign(user); // user의 내용을 {}에 담아 new_user에 할당한 것이다. // { name: 'mihee', age: 27, like: 'snack' } console.log(new_user); const info1 = { like: 'tv' } const info2 = { hobby: 'sleep' } Object.assign(new_user, info1, info2); console.log(new_user); // { name: 'mihee', age: 27, like: 'tv',..

네트워크 인터페이스 카드? 컴퓨터를 네트워크에 연결하기 위한 하드웨어 장치이다. 역할 1. 직렬화 즉 전기적 신호를 데이터 신호 형태로 바꾸거나, 데이터 신호 형태를 전기적 신호 형태로 변확해주는 일을 한다. 2. 네트워크 인터페이스 카드는 MAC 주소를 가지는데, 이러한 MAC주소는 패킷에 담겨 데이터 송수신시 함께 전달되어, 패킷에 담긴 목적지 MAC주소와 실제 도달된 곳의 MAC주소 일치 여부에 따라 목적지 검증이 가능하다. * 참고로 노트북 맥이 아니라 Media Access Control로, 통신을 위해 네트워크 인터페이스에 할당하는 고유식별자이다. 3. 하나의 채널에서 여러 통신이 이루어지는 과정에서 이미 통신 중인 데이터로 인하여 새로운 데이터를 받는 것이 어려운 경우, 새로운 데이터를 전달..

1. concat( ) 여러 배열을 합쳐서 새로운 배열을 반환해주는 함수이다. const arr1 = ["a", "b", "c"]; const arr2 = ["d", "e", "f"]; const arr3 = arr1.concat(arr2, 'g'); console.log(arr3); // [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ] const str1 = 'hello'; const str2 = 'world'; console.log(str1.concat(" ",str2)); // 이와 같이 string을 붙이는 것도 가능하다. 2. push( ) 배열의 끝에 새로운 요소를 추가하고, 요소가 추가된 전체 배열을 반환한다. const arr1 = ['apple', 'mango']; c..