자바스크립트에서 모든 함수는 Function 객체이다. 하지만 함수는 호출할수있다는점이 일반 객체와는 다른점이다. 함수를 생성하는 방법은 3가지가있다. 함수선언문(function statement) 함수표현식(function expression) Function() 생성자 함수 최근에는 추가되어 화살표함수(Arrow function) 가있다. 우선 함수선언문에대해서 알아보자

프로젝트를 만들던중 Dto 파일을 열심히만들어서 사용하고있었다. 상사분이 Dto 파일을 왜만드는지 아는지 여쭤봤는데 사실 잘모르겠다고하였다. 왜만드는지 모르는데 그냥 복붙해서 값만 잘가져오겠지하는생각 위험하다. 알고쓰는거랑 그냥쓰는거랑은 큰차이가 있다고 생각한다. 그래서 Dto 사용이유를 적어보고자 한다. DTO란 Data Transfer Object의 약자로, 계층 간 데이터 전송을 위해 도메인 모델 대신 사용되는 객체이다. 즉, DTO는 순수하게 데이터를 저장하고, 데이터에 대한 getter, setter 만을 가져야한하고 한다. view와 controller 단에서 주고받을수있는 그릇의 역활이라고 생각하면 될거같다. 그렇다면 왜 DTO를 사용하는걸까? 만약 DTO대신 도메인 모델을 계층간 전달에 사..

isArray() 함수 배열여부 반환, 배열이면 true, 아니면 false 반환 typeof [1,2] 'object' Array.isArray([1,2]); true 왜 나왔을까?? 신기하게 배열을 typeof 했는데 object라고 표현이된다. 만약에 json에서 리턴받았을때 object 랑 배열이랑 섞여있는상황에서 배열을 파악해야할때는 isArray() 함수를 사용해서 판별해주면 좋을거같다. forEach() 배열을 반복하면서 콜백 함수 실행한다 중간에서 빠져나올수없다. 반환하지않고 계속 반복한다 every() 반환값이 false 일때까지 콜백함수 실행 some() 반환값이 true 일때까지 콜백함수 실행 filter() 콜백함수에서 true를 반환한 엘리먼트 반환 map() 콜백함수에서 반환한 ..

함수는 자바스크립트에서 가장 중요한 핵심 개념이다. 함수를 사용하는이유는 동일한 작업을 반복적으로 수행할때 코드를 중복해서 여러번 작성하는것이 아니라 미리 정의된 함수를 재사용하는 것이 효율적이다. 함수는 몇 번이든 호출할 수 있으므로 코드의 재사용이라는 측면에서 매우 유용하다. 코드의 중복을 억제하고 재사용성을 높이는 함수는 유지보수의 편의성을 높이고 실수를 줄여 코드의 신뢰성을 높이는 효과가 있다. 함수 이름은 변수이름과 마찬가지로 함수 자신의 역활을 잘성명해야한다. 적절한 함수 이름은 내부 코드를 이해하지 않고도 함수의 역활을 파악할 수 있게 돕는다. 이는 코드의 가독성을 향상시킨다. 함수 리터럴 var f = function add(x, y) { return x + y; }; 위의 소스에서 볼수있..

자바스크립트 실행 환경 모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. 브라우저뿐만 아니라 Node.js도 자바스크립트 엔진을 내장하고 있다. 따라서 자바스크립트는 브라우저환경 또는 Node.js 환경에서 실행할 수 있다. 그런데 한가지 주의해야할점은 브라우저와 Node.js 는 용도가 다르다는 것이다. 브라우저는 HTML, CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링하는 것이 주된 목적이지만 Node.js 는 브라우저외부에서 자바스크립트 실행 환경을 제공하는 것이 주된 목적이다. 브라우저는 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집한인 DOM API를 기본적으로 제공한다. 하지만 브라우저 외부에서 자바스크립트 개발환경을 제공하는 ..

자바스크립트 탄생 1995년 90%의 시장 점유율로 시장을 지배하고있던 넷스케이프 커뮤니케이션즈는 웹페이지의 보조적인 기능을 수행하기위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로 결정한다. 그렇게 탄생한것이 자바스크립트이다. 자바스크립트 표준화 1996년 마이크로소프트는 자바스크립트의 파생 버전인 JScript를 인터넷 익스플로러에 탑재했다. 넷스케이프 커뮤니케이션즈와 마이크로소프트는 자사 브라우저의 시장점유율을 높이기위해 자사 브라우저에서만 동작하는 기능을 경쟁적으로 추가하기 시작했다. 이로인해 웹페이지가 브라우저에따라 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생하기 시작했다. 결과적으로 모든 브라우저에서 정상적으로 동작하는 웹페이지를 개발하기가 무척 어려워졌다. 이에따라 모든브..