forEach( )와 map( )은 어떻게 다를까? 우선 둘다 배열을 이용하고 배열의 값을 조작해서 원하는 결과를 출력하는 점에서는 같습니다. 결론 부터 이야기하면 forEach( )는 기존의 배열을 조작해서 결과를 나오게하는 반면, map ( )은 기존 배열은 그대로 있고 조작된 결과에 맞춰서 새로운 배열을 새로 반환 합니다! 그럼 어떻게 다른지 살펴 봅시다. forEach( ) //forEach const arr = [1,2,3,4,5]; let a = arr.forEach( el => { console.log(el+2); //3,4,5,6,7 return(el+2); }) console.log(a); //undefined forEach는 리턴값을 받지 못해요! 저렇게 undefined가 출력됩니다...
참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals Template literals - JavaScript | MDN 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 문 developer.mozilla.org Template literals 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings" (템플릿 ..
변수란? 변수(Variables)는 변하는 데이터(값)를 저장할 수 있는 메모리 공간입니다. 변수에는 데이터가 오직 한 개만 저장됩니다. 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지원지게 됩니다. 변수 선언 방법 변수 선언하는 방법은 var키워드를 변수로 지정할 데이터 앞에 붙입니다. var 이외에 let과 const를 사용할 수 있습니다. var 변수명 = 값; let 변수명 = 값; const 변수명 = 값; 데이터의 저장, 변경, 추가는 자바스크립트 레퍼런스의 데이터 저장하기를 누르시면 볼 수 있습니다. 변수명 자바스크립트에는 의미를 가진 단어들이 있기 때문에 사용자가 임의로 사용할 수 없는 단어들이 있습니다. 키워드 : 자바스크립트에서 사용하는 단어 식별자 : 사용자가 임의로..
DOM 이란 무엇일까? DOM(Document Object Model)은 웹 페이지에 대한 인터페이스입니다. 기본적으로 여러 프로그램들이 페이지의 콘텐츠 및 구조, 그리고 스타일을 읽고 조작할 수 있도록 API를 제공합니다. 말이 좀 어렵죠? 저도 이해하는데 시간이 오래걸렸습니다만, 제 나름대로 알기쉽게 설명을 해보자면! DOM은 HTML 문서에 대한 인터페이스. 눈에 보여지는 형태를 말하는데요. 좀 더 쉽게 풀어보자면 태그를 써서 작성하는 HTML 문서가 아니라 Javascript를 이용해서 언제든 수정될 수 있는 동적인 문서 모델을 의미 합니다. 제가 제대로 이해한건지 모르겠네요ㅎㅎ.. 이런 식으로 스크립트로 HTML 태그를 만들어서 문서를 작성한다! 이게 DOM이다. 라고 이해를 했어요. 기본적인 ..
연산자 연산자란 덧셈, 뺄셈, 곱셈, 나눗셈과 같은 연산을 할 때 사용하는 기호입니다. 자바스크립트에서도 이와 같은 연산자를 이용해서 연산 작업을 수행합니다. 산술연산자 산술연산자에는 더하기, 빼기, 곱하기, 나누기, 나머지(%)가 있습니다. 산술 연산자로 연산을 하기 위해서는 연산 대상 데이터가 반드시 2개가 있어야합니다. 종류 기본형 설명 + A+B 더하기 - A-B 빼기 * A*B 곱하기 / A/B 나누기 % A%B 나머지 예제를 통해 산술연산자를 어떻게 사용하는지 확인합니다. 문자 결합 연산자 문자 결합 연산자는 문자형 데이터를 결합할 때 사용합니다. ex) "do it" + "javascript" = "do it javascript"; 처럼 나타냅니다. 대입 연산자 대입 연산자는 연산된 데이터를..
Javascript의 변수에 들어가는 자료형 (DataType) 이번에는 자바스크립트의 자료형에 대해서 알아볼거에요. 우선 자료형이 무엇인지 부터 설명할게요. 자바스크립트의 데이터는 변수로 지정하여 원할 때 가져와서 쓸 수가 있어요. 이 변수에 들어갈 수 있는 데이터의 타입을 이야기 합니다. 데이터 타입의 종류는 다음과 같습니다. 숫자(Number) 문자열(String) 논리값(Boolean) 특수값(Null) 특수값(Undefined) 심벌(Symbol) 객체(Object) 배열(Array) 함수(Function) 숫자(Number) 숫자형 데이터는 데이터를 따옴표로 감싸지 않고 그대로 표기합니다. 따옴표로 감싸져있는 숫자 데이터를 숫자 형식으로 표현하고 싶다면 데이터 앞에 Number를 붙여 표현할 ..