시리즈

react

1.react - Lyric search

궁금한 것 import 할 때 컴포넌트를 그냥 가져오기, {}로 가져오기 Provider? React.createContext()?

2020년 11월 8일

2.react - hook

Hook은 state와 생명 주기를 hook into(연동)하게 해주는 함수다. 컴포넌트 간 상태와 관련된 오직을 재사용하기 위해서 (HOC, render props)복잡한 컴포넌트들을 이해하기 어려워서class는 사람과 기계를 혼동시킨다(왜죠?)state와 라이플 사

2020년 11월 29일

3.React - sticky nav

state, effect, ref hooks 친구들을 모두 활용할 수 있는 즐거운 sticky!window scroll이 아니니까 ref로 target를 지정한다. target의 움직임을 감지하는 함수를 만들고 움직일 때마다 함수를 실행한다. state값에 일정 y값

2020년 12월 6일

4.React - 오래달리기

이거 하나 뽑아내려고 맵을 돌리고 쪼개고 나누고 찢고 난리를 쳤다. 눈물나... 코딩 너무 재밌어... 못난 인간이 다른 동물들 보다 유일하게 잘하는 것이 지치지 않고 달리는 것이라고 하는데 그래서 사냥감을 하나 정하면 밤낮이고 쫓아가 지친 동물을 사냥하는 방법으로 살

2020년 12월 9일

5.React - useEffect 부수기

count는 그저 숫자다. state를 업데이트할 때마다, 리액트는 컴포넌트를 호출한다. 매 렌더 결과물은 고유의 counter상태 값을 살펴본다. 이 값은 함수 안에 상수로 존재하는 값이다. 랜더링 결과물에 숫자 값을 내장하는 것에 불과한 것!setCount를 호출할

2021년 2월 4일