- 전체보기(56)
- TIL(30)
- JavaScript(26)
- 알고리즘(14)
- 코드스테이츠(14)
- 한주회고(13)
- CODESTATES(13)
- 프로그래머스(11)
- React(6)
- 배열(2)
- html(2)
- array(2)
- object(2)
- 재귀함수(2)
- State(2)
- HA후기(2)
- 자료구조(2)
- DOM(2)
- 객체(2)
- 객체지향프로그래밍(1)
- 스코프(1)
- http(1)
- DNS(1)
- linux(1)
- powerset(1)
- 호이스팅(1)
- 최대공약수(1)
- 메모이제이션(1)
- 시간복잡도(1)
- callback(1)
- 트리(1)
- 탐욕법(1)
- 서버(1)
- storybook(1)
- useEffect(1)
- 조합(1)
- async await(1)
- 비동기(1)
- 네트워크(1)
- 고차함수(1)
- hoisting(1)
- REST API(1)
- 클로저(1)
- CSS in JS(1)
- 비관계형데이터베이스(1)
- combination(1)
- 사용권한(1)
- CSS(1)
- hook(1)
- CSR(1)
- SSR(1)
- GCD(1)
- LCM(1)
- 최소공배수(1)
- 멱집합(1)
- 스택(1)
- 관계형데이터베이스(1)
- spa(1)
- nosql(1)
- JSX(1)
- 일급객체(1)
- Database(1)
- styled component(1)
- 그래프(1)
- Props(1)
- 큐(1)
- closure(1)
- cdd(1)
- scope(1)
- permutation(1)
- 클라이언트(1)
- routing(1)
- component(1)
- 와이어프레임(1)
- promise(1)
- sql(1)
- API(1)
- greedy(1)
- 순열(1)
- Time Coplexity(1)
- OOP(1)
[TIL-20210705] Component Driven Development(CDD) / Storybook / CSS in JS 방법론
Component Driven Development(CDD) Component Driven Development(CDD)는 컴포넌트 주위에 개발 프로세스를 고정하는 개발 방법론이다. 컴포넌트 수준에서 시작해 페이지나 화면 수준에서 끝나는 것으로 "바닥부터 끝까지"(b
[TIL-20210629] useEffect / Hook
Hook Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다.
[TIL-20210628] React에서의 데이터 흐름 / State 끌어올리기 (Lifting State Up)
그림1 Twittler component예를 들어 Twittler 예제를 만들어 보면 하나의 컴포넌트는 한가지 일만 하는 단일 책임 원칙에 따라 위 그림 처럼 컴포넌트를 만들어 볼 수 있다. 컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치 인자(argum
[TIL-20210607] React State & Props
State 살면서 변할 수 있는 값 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값 props vs state props는 외부로부터 전달 받은 값 state는 내부에서 변화하는 값 이름 - props 성별 - props 나이 - state 현재 사는 곳 -
[TIL-20210607] SPA(Single Page Application) & Routing
SPA의 등장 배경과 개념 SPA(Single Page Application)는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 위 그림과 같이 기존의 웹사이트는 페이
[TIL-20210604] What is React?
리액트(React)란? 리액트는 Frontend 개발을 위해 Facebook에서 개발한 Javascript 오픈소스 라이브러리이다. 리액트의 특징 3가지 선언형 > 리액트는 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 작성하기보다 한 파일에 명시적으로 작