yceffort

frontend engineer

May 21 2019react javascript

React 공부하기 7 - 컴포넌트 라이프 사이클

## React Component Life Cycle 라이프 사이클은 총 10가지다. `Will`접두사는 어떤 작업을 작동하기전에 실행하는 메소드가, `Did`는 어떤 작업을 한 후에 실해오디는 메서드다. 이 메서드들은 컴포넌트 클래스에서 덮어써서 선언하여 사용할 수 있다. 라이프사이클은 총 3가지 카테고리로 나눌 수 있는데, `mount`, `unm...

Read

May 21 2019react javascript

React 공부하기 6 - 컴포넌트 반복

## 컴포넌트 반복해서 쓰기 ```javascript import React, {Component} from 'react'; class IterationSample extends Component { render () { const names = ['눈사람', '얼음', '눈', '바람'] const nameList ...

Read

May 21 2019javascript

Javascript - Promise

## Promise ```javascript new Promise(executor) ``` `executor`는 `resolve`및 `reject` 인수를 전달할 실행함수를 의미한다. 실행함수는 `resolve`와 `reject`를 받아 즉시 실행된다. 실행함수는 보통 비동기 작업을 시작한 후, 모든 작업을 끝내면 `resolve`를 호출해서 `Prom...

Read

May 20 2019javascript

Javascript - Destructuring Assignment

## 구조 분해 할당 구조 분해 할당은 배열이나 객체의 속성을 말그대로 분해하여, 분해 한 값을 개별변수에 담을 수 있게 도와주는 표현식이다. ```javascript let a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 // rest 패턴을 이용하여 나머지를 모두...

Read

May 8 2019javascript

Javascript - Closure

## 클로저 ### 자바스크립트는 어떻게 변수의 유효 범위를 정하는가? ```javascript function hello() { var name = "yceffort" // 내부함수이며, 클로저다. function showName() { // 부모함수가 선언한 변수를 사용한다. alert(`hello, ${name}`) }...

Read

←

→