본문 바로가기
반응형

개발/Javascript41

Javascript와 Node.js의 차이 생각보다 간단하다. Javascript는 스크립트 언어로써 브라우저가 있어야 사용가능 Node.js는 브라우저 외(터미널 등)에서도 다양한 용도로 사용가능하다. Chrome의 console이 밖으로 나온것이라고 정리해놓은 블로그도 많다. 또한 javascript가 브라우저 밖에서 사용이 불가능한것처럼 node.js는 다음과 같은 코드를 작성할 수 없다. let ele = document.body // error 따지고보면 당연한 일이다. 브라우저에서 사용하는게 아닌데 DOM이 있을리가(DOM은 HTML 문서에 접근하기 위한 인터페이스) 중요한 것은 Node.js가 등장하기 전에는 서버를 파이썬이나 자바로 만들었다고 한다. Node.js의 등장으로 자바스크립트 언어를 브라우저 밖에서도 사용할 수 있게 되었.. 2021. 12. 30.
호이스팅에 대해서 호이스팅 코드를 실행시키는 런타임 이전단계에서 변수의 선언이 일어난다. 그러다보니, 변수 선언문이 코드의 선두로 끌어 올려진 것 처럼 동작하는데 이를 호이스팅이라고 한다. 이는 자바스크립트 고유의 특징이다. var,let,const를 포함한 모든 선언문은 런타임 이전 단계에서 실행된다. 하지만 undefined로 초기화가 진행되는 것은 var 뿐이다. let,const는 undefined로 초기화가 진행되지 않는다. 초기화는 메모리에 변수를 위한 공간을 확보하는 것이다. var로 선언한 변수 호이스팅 var로 선언한 변수는 호이스팅시 undefined로 변수를 초기화 한다. console.log(a) var a = 7 /* undefined */ let, const 로 선언한 변수 호이스팅 let과 c.. 2021. 12. 22.
자바스크립트 화살표 함수의 특징 모던자바스크립트 화살표함수를 읽고 정리하였다. 화살표 함수는 컨텍스트가 있는 긴 코드보다는 자체 '컨텍스트’가 없는 짧은 코드를 담을 용도로 만들어졌다. 그리고 이 목적에 잘 들어맞는 특징을 보인다. 화살표 함수가 일반 함수와 다른점은 다음과 같다. this를 가지지 않는다. arguments를 가지지 않는다. new와 함께 호출할 수 없다. super가 없다. 이 중 쉽게 확인할 수 있는 this와 arguments를 사용하지 않는 특징의 예시를 써보았다. 화살표 함수에는 this가 없다. 화살표 함수 내에서 this에 접근하면 외부에서 값을 가져온다. 화살표 내부에서 this 사용 다음 예시를 보자 let group = { title: "1모둠", students: ["보라", "호진", "지민"],.. 2021. 10. 30.
JS, Object.assign Object.assign() 예시 Object.assign(target,a,b,..) //a객체에 b를 덮고 그것을 target에 덮는다. 변형된 target을 리턴한다. a={name:"june",age:23,gender:"male"} b={name:"july",age:23} c={country:"korea"} console.log(Object.assign(c,a,b)) //{country: 'korea', name: 'july', age: 23, gender: 'male'} //c 가 변형된다. console.log(c) //{country: 'korea', name: 'july', age: 23, gender: 'male'} Object.assign의 인자는 모두 객체여야 한다. 그리고 target.. 2021. 9. 20.
반응형

티스토리툴바