profile
재밌게 코딩하고 싶은 개발자!
post-thumbnail

[TIL-20210705] Component Driven Development(CDD) / Storybook / CSS in JS 방법론

Component Driven Development(CDD) Component Driven Development(CDD)는 컴포넌트 주위에 개발 프로세스를 고정하는 개발 방법론이다. 컴포넌트 수준에서 시작해 페이지나 화면 수준에서 끝나는 것으로 "바닥부터 끝까지"(b

2021년 7월 9일
·
2개의 댓글
post-thumbnail

[TIL-20210629] useEffect / Hook

Hook Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다.

2021년 6월 30일
·
2개의 댓글
post-thumbnail

[TIL-20210628] React에서의 데이터 흐름 / State 끌어올리기 (Lifting State Up)

그림1 Twittler component예를 들어 Twittler 예제를 만들어 보면 하나의 컴포넌트는 한가지 일만 하는 단일 책임 원칙에 따라 위 그림 처럼 컴포넌트를 만들어 볼 수 있다. 컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 마치 인자(argum

2021년 6월 29일
·
1개의 댓글
post-thumbnail

[TIL-20210607] React State & Props

State 살면서 변할 수 있는 값 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값 props vs state props는 외부로부터 전달 받은 값 state는 내부에서 변화하는 값 이름 - props 성별 - props 나이 - state 현재 사는 곳 -

2021년 6월 8일
·
0개의 댓글
post-thumbnail

[TIL-20210607] SPA(Single Page Application) & Routing

SPA의 등장 배경과 개념 SPA(Single Page Application)는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 위 그림과 같이 기존의 웹사이트는 페이

2021년 6월 7일
·
1개의 댓글
post-thumbnail

[TIL-20210604] What is React?

리액트(React)란? 리액트는 Frontend 개발을 위해 Facebook에서 개발한 Javascript 오픈소스 라이브러리이다. 리액트의 특징 3가지 선언형 > 리액트는 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 작성하기보다 한 파일에 명시적으로 작

2021년 6월 4일
·
0개의 댓글