JavaScript
1.API
컴퓨터는 통신을 어떻게 할까
2.JSX 와 Import & Export
알고보면 어렵지 않은 세 가지
3.호이스팅(Hoisting)
왠지 둘리가 생각나지만 전혀 다릅니다
4.조건부 렌더링(Conditional Rendering)
에러 화면이 아닌 undefined를 띄워보자
5.Routing
라우팅에 관하여...
6.Graphql mutation
Graphql mutation 가보자고
7.구조 분해 할당과 나머지 매개변수
구조 분해 할당(Destructuring assignment) MDN에 따르면 구조 분해 할당은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 표현식이다. 다시 말해 이미 존재하는 변수의 값을 분해해서 다른 식의 변수에 담아준다고 생각하면 된다. 구조 분해 할당은 객체와 배열 모두 가능하다. 구조 분해 할당은 함수에 객체나 배...
8.Container - Presentational
리액트에서 사용하는 컨테이너 패턴을 소개해보려고 한다. 여러가지 패턴이 있지만 내가 배워서 쓰고 있는건 container - presentational 패턴이다. Container 와 Presenter 하나의 소스 코드를 나눠서 작성하는 방식으로 logic(js) 부분의 파일을 container, JSX(ui) 부분의 파일을 presenter 라고 한다...
9.Props 와 State
Props 부모컴포넌트가 자식컴포넌트에게 물려주는 변수/함수. props는 데이터의 흐름이라고 볼 수도 있다. 리액트에서는 데이터의 흐름이 단방향이기 때문에 자식컴포넌트가 부모컴포넌트에게 데이터를 줄 수 있는 방법은 없다. props = {aaa:변수/함수} > aaa={변수/함수} 로도 작성 가능 State 리액트 공식 문서에 따르면 컴포넌트의 s...
10.Throttling & Debouncing
Overclock 피하기
11.Object.keys/values/entries/assign
Object의 친구들
12.정규표현식(Regular Expression)
조건에 맞는 입력값
13.closure를 이용한 HOC, HOF
권한분기 만들어주기
14.Recursive Functions
재귀함수
15.Callback
콜백함수
16.flatten, unflatten
flatten, unflatten
17.스코프, 렉시컬, 클로저
변수를 참조할 수 있는 유효한 범위를 말한다. 스코프로 인해블럭 외부에서는 블럭 내부의 변수를 참조할 수 없음함수 외부에서는 함수 내부의 변수를 참조할 수 없음함수 외부에서는 함수의 매개 변수를 참조할 수 없음와 같은 현상이 발생한다렉시컬 환경은 각각의 블럭이 가지고