2019-05-03

asynchronous in JS

Asynchrounous in javascript동기식? 비동기식?자바스크립트는 싱글쓰레드 환경 내 동기식 처리(synchronous)(하나하나씩 작업 수행, 한 작업이 끝나기 전까지 다른작업 수행 안함) 을 기본으로한다. 콜스택 내에서 함수가 실행중인 경우 해당 함수 실행종료까지 다른 함수를 실행할 수 없는 (Blocking) 상태가 되는 것.

2019-05-03

ES6 Part-2

목차 Class map, set modules (추가중) 1. Class자바스크립트는 프로토타입 기반 객체지향을 구현할 수 있다. ES6 에서 class를 활용 해서 좀 더 간결하게 구현 할 수 있다 123456789101112//ES5 (생성자 함수 + 프로토타입 메소드 사용 객체지향 구현)var Person = function(name, ye

2019-05-01

ES6 Part-1

ES6 정리 (간단예제 위주)목차 let & index Arrow function String Array Object Destructuring 1. let & constES5 - var 가 function scope 를 가졌던 것에 반해 ES6 의 const 와 let 은 Block scope를 가진다 1234567//ES5function

2019-03-20

How CSS Works

Related PostsHow to bulid a good website 반응형 웹 다양한 기기들의 다른 스크린 사이즈에 각각 최적화 된 화면을 보여주는 것 유지보수, 확장 가능한 코드 깔끔하고 누구나 알아보기 쉽게 잘 설계, 조직화 된 코드를 짜야된다. 웹 어플리케이션이 성장함에 따라 자연스럽게 코드 양이 늘어나거나 문제 발생 시 잘 설계된 코드는 시간과

2019-02-04

Building objects

객체를 생성하는 여러가지 방식 중 하나는 new 키워드를 활용한생성자 함수 를 사용하는 방법이 있다. new keyword123456789101112131415// java 같은..function Person() { console.log(this); this.firstname = 'John', this.lastname

2019-02-04

OOP in javascript

prototype타 언어의 전통적인 상속은 상속을 구현하기 위해 많은 부수적인 것들을 고려해야 됐다. 반면에 자바스크립트의 상속은 prototypal inheritance로 좀 더 유연하고 직관적이다. 123456789101112131415161718192021222324var person = { firstname: 'Default',

2019-02-03

Funtional programming

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152// 비함수형var arr1 = [1,2,3];console.log(arr1);var arr2 = [];for (var i=0; i<arr1.length; i++) {

2019-02-02

call&apply&bind

자바스크립트 함수에는 앞서 언급한 code, name 외에도 call, apply, bind 라는 기본 메소드를 갖고 있다. 이 메소드들은 this 키워드를 조작해주는 역할을 한다. bind()12345678910111213141516171819202122var person = { firstname : 'John', lastname

2019-02-02

Closure part2

공장에서 정해진 포멧에 따라 제품들을 생산하는 것처럼 팩토리패턴은 전체 로직을 담은 팩토리함수를 생성, 클로저를 활용해서 반복되는 인자를 기본값으로 하는 함수를 재정의 하고, 호출하는 방식이다. 123456789101112131415161718192021// factory functionfunction makeGreeting(language) {

2019-02-01

Closure part1

12345678910111213141516//결과로 함수를 리턴 하는 함수function greet(whattosay) { return function(name) { console.log(whattosay + ' ' + name); }}greet('Hi')('Tony');//Hi Tony// gr

Category: Front