javascript
-
화살표함수javascript 2020. 12. 3. 23:54
화살표 함수 함수 표현식 const add = function(x,y){ return x+y; } 화살표 함수 const add = (x,y) => { return x+y; } 화살표 함수는 클로저를 표현할 때 더욱 강력하다. 함수 표현식 const adder = function(x){ return function(y){ return x+y; } } adder(5)(7) //12 화살표 함수 //1.function키워드 없애기 const adder = (x) => { return (y) => { return x+y; } } //2.가장 안쪽 return없애기. return생략시에는 중괄호를 사용하지 않는다. 파라미터가 한개라면, 소괄호를 생략할 수 있다. const adder = x =>{ return ..
-
JavaScript런타임과 node.jsjavascript 2020. 12. 3. 08:51
런타임 하면 어려운 개념인 것 같지만 우리는 이미 자바스크립트 런타임을 사용하고 있다. 흔히 사용하는 웹브라우저가 바로 JavaScript런타임이다. 런타임이란 프로그래밍 언어가 구동되는 환경이다. 환경은 쉽게말해 프로그램이다. 즉 런타임이란 "어떤 프로그래밍 언어가 동작할 수 있는 프로그램" 이다. JavaScript의 런타임은 무엇이 있을까? 먼저 브라우저가 대표적인 자바스크립트 런타임이다. 이전에는 자바스크립트 런타임이 브라우저 밖에 없었다. 하지만 이제 node.js라는 새로운 자바스크립트 런타임이 나왔다. 자바스크립트가 브라우저가 아닌 곳에서 실행될 수 있으니, 자바스크립트를 이용해서 웹페이지 뿐만 아니라 서버와 같은 다른 프로그램을 만들 수 있다. //ex) nodeJs.js라는 파일을 만들고..
-
script태그의 위치javascript 2020. 11. 12. 10:35
의 위치 참조하면 좋은 글 : HTML에서 script태그는 어디에 위치해야 할까? 태그를 태그 사이에도 넣어보고 태그 안 마지막에도 넣어봤다. index.html Hellow~~!! index.js console.log('Hello~~'); let msgElement = document.querySelector('#msg'); console.log(msgElement); 실행해보면 script태그를 head태그 사이에 위치시키나 body태그의 마지막 부분에 위치시키나 둘다 console.log('Hello~~') 는 실행된다. 하지만 head태그 사이에 script태그를 위치시켰을 경우 let msgElement = document.querySelector(&..
-
SpreadSyntax(전개문법), RestParameterjavascript 2020. 11. 10. 07:41
SpreadSyntax - 배열을 간단하게 펼쳐서 사용할 수 있다 const spread = [1,2,3]; const arr = [0, ...spread, 4]; arr //[0,1,2,3,4] //!이런식으로는 사용할 수 없다! const arr2 = ...spread; //에러 Uncaught SyntaxError: Unexpected token '...' 빈 배열에 전개문법을 사용할 경우, 아무것도 전달되지 않는다. const spread = []; const arr = [0, ...spread, 4]; arr //0,4 //주의![0, , 4]가 아니다! 배열복사 var arr = [1, 2, 3]; var arr2 = [...arr] //arr.slice()와 유사. arr2 =..
-
자바스크립트 참조타입데이터(reference type data)javascript 2020. 11. 6. 08:07
자바스크립트 참조타입데이터(reference type data) premitive type data : string, number, boolean, undefined, null reference type data : array, object, function 원시타입 데이터(Primitive type data)는 변수에 직접 데이터 값을 넣어준다. 각 변수간에 원시타입 데이터를 복사할 경우에 데이터 값이 복사되기 때문에 기존의 데이터에 영향이 가지 않는다. let data1 = 1; //data1 = 1 let data2 = data1; //data2 = 1 //data2라는 변수에 data1의 값을 복사해 넣어주었다. data2 = 2; //data2 = 2 data1 //1 data2 //2 //da..
-
문자열javascript 2020. 10. 28. 21:49
문자열 str[index] var str = 'CodeStates'; console.log(str[0]); //'C' console.log(str[4]); //'S' console.log(str[10]); //'undefined ** Note : index로 접근은 가능하지만 쓸 수는 없음(read-only) ** str[0] = 'G'; console.log(str); //'CodeStates'로 출력됨. 'GodeStates'로 출력되지 않는다. //즉, index로 접근은 가능하지만 쓸 수는 없다.(값을 바꿀 수 없다)(read-only) //하지만 그렇다고해서 에러를 발생시키는 것도 아니니 주의가 필요하다..
-
Function Statements(Declarations) and Expressionsjavascript 2020. 10. 10. 02:14
Function Statements(Declarations) and Expressions Function Declarations function whatDoyouDo(){ } 함수를 이런식으로 선언하는게 Function Statements(Declarations) Function Expressions var whatDoyouDo = function(){ } 이런식으로 선언하는게 Function Expressions이다. 이 둘의 차이는, JavaScript expressions are pieces of code that always produce value, and it doesn't matter how long they are as long as the code results in a singl..
-
forEach에 대해서 참조한 블로그 + 여러가지 배열 메소드javascript 2020. 6. 6. 18:57
forEach 설명이 잘되어 있는 블로그 https://yuddomack.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Array-forEach 자바스크립트 Array forEach 이번 글에서는 자바스크립트 Array(배열) 객체의 메서드인 forEach에 대해 작성하겠습니다. forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조건식, inc yuddomack.tistory.com 자바스크립트 배열 메소드 중 고차 함수 학습하기 (js array method) forEach, find, filter, map, reduce, sort, some, every Arr..