JavaScript는 dynamically typed language Array에 다양한 종류의 데이터를 담을 수가 있다.(좋지 않음)
Continue reading...Web
Javascript Object
기본적으로 primitive 타입은 변수 하나당 값을 하나만 담을 수 있다. 이 경우에 만약 이름과 나이를 출력하고 싶은 함수를 만든다면, 이름과 나이를 파라미터로 전달해주어야 한다. 그리고 함수를 정의할때도 두 가지의 파라미터를 받아서...
Continue reading...Class vs Object
Class 클래스는 붕어빵을 만들 수 있는 틀을 말함. 템플릿만 정의해두고 어떤 데이터 형식이 들어올 수 있는지만 정의 실제로 메모리에 올라가지않음 Object 클래스를 이용하여 생성한 붕어빵을 말함. 실제로 데이터를 집어 넣음 실제로...
Continue reading...Callback , IIFE
Callback ? IIFE (Immediately Invoked Function Expression) 함수를 실행과 동시에 바로 동작시키고 싶을때 사용
Continue reading...Early return, Early exit
10이 넘는 경우에, 무엇인가를 업그레이드 하는 코드가 있다고 가정했을때, if 와 else를 번갈아가며 쭉 나열하는 것보다 조건이 맞지 않을때 빨리 함수를 종료해주는 것이 더 좋다.
Continue reading...Operators 사용시에 주의 사항
위의 코드의 경우에서 check() function은 그냥 시간을 낭비하는 코드이다. ‘or(||)’ operator는 조건식에서 하나라도 참이면 참을 리턴하는데, 조건식을 확인할 때 맨 앞에 정의된 것부터 참인지 거짓인지 확인 한다. 즉, 조건식의 앞에서부터 차례대로...
Continue reading...자바스크립트 데이터 타입(ES5+)
Variable let mutable data type, can change contents Support from ES6+ rw(read/write) ES6에서 도입된 let을 사용하면 변수에 값을 재 할당하는 것이 가능하다. 변수(name)을 선언하게 되면, 그 변수 name은 값을 할당할 메모리의...
Continue reading...자바스크립트의 역사, 과거와 현재
1993년 집에 컴퓨터가 없던 시절, 컴퓨터를 잘 모르는 사람들도 쉽게 쓸수있는 UI요소가 더해진 첫 번째 ‘모자이크’ 웹 브라우저가 세상에 나왔다. 모자이크 웹 브라우저의 개발팀을 이끌던 Marc Andreessen(마크 엔더슨)은 대학교를 졸업함과 동시에...
Continue reading...브라우저 동작 원리
구글의 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경(Runtime Environment)인 Node.js의 등장으로 자바스크립트는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 범용 개발 언어가 되었다. 하지만 자바스크립트가 가장 많이 사용되는 분야는 역시...
Continue reading...Flexbox
Flexbox가 나오기 전까지는 position, float , inline-block 등을 사용해 블록을 정렬했다. 하지만 데스크탑 시대를 벗어나 모바일 시대로 접어들면서 보다 유연한 형태의 레이아웃 매커니즘이 필요해졌다. 그에 따른 차세대 레이아웃에는 Flexbox, Grid 등이...
Continue reading...