Class 클래스는 붕어빵을 만들 수 있는 틀을 말함. 템플릿만 정의해두고 어떤 데이터 형식이 들어올 수 있는지만 정의 실제로 메모리에 올라가지않음 Object 클래스를 이용하여 생성한 붕어빵을 말함. 실제로 데이터를 집어 넣음 실제로...
Continue reading...IT
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...Responsive Images
반응형 이미지가 필요한 이유는? 전형적인 웹사이트에는 헤더 이미지가 있을 것이고, 헤더 밑 컨텐츠 영역에도 이미지가 있을 것이다. 보통의 경우, 헤더 이미지는 헤더 가로 너비 전체(100%)를 차지할 것이고, 컨텐츠 영역의 이미지는 컨텐츠...
Continue reading...외부 script 호출시 async와 defer 속성
브라우저는 html 파일의 위에서 부터 아래로 쭉 읽는다. 또한, 기본적으로 웹 브라우저는 html을 랜더링 할 때 css 또는 js를 만나면 동기적으로 처리한다. ( 해당 내용이 해석 및 실행되기 전에는 뒤에 나오는...
Continue reading...