profile
프론트엔드 개발
post-thumbnail

Eager Loading

And I also 레이지 좋아

약 6시간 전
·
0개의 댓글
·
post-thumbnail

Data Fetch 와 Cache

두근두근 캐시 대작전,,,

4일 전
·
6개의 댓글
·
post-thumbnail

Suspense

suspense와 useTransition... 나를 조금 설레게 해...

4일 전
·
0개의 댓글
·
post-thumbnail

Props Pattern

이거 좀 헷갈려

2023년 3월 11일
·
2개의 댓글
·
post-thumbnail

Compound Pattern

컴파운드 좋음

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

useEffect , useLayoutEffect

그렇다고 하니...

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

짱짱한 컴포넌트를 만들자

개발하다 종종 보있던 에러인데, 무언가 요청을 하고 페이지 이동을 하게 되면 state를 업데이트를 하려고 보니 컴포넌트는 언마운트 되어서 발생한 문제다.실무하면서도 몇 번 보았고 메모리 릭을 유발하니 useEffect clean()이나 mount 상태를 보고 b

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

useEffect과 useCallback

보면 볼수록 어려워 유즈콜백..

2023년 3월 9일
·
0개의 댓글
·
post-thumbnail

React - useMemo & useCallback

이제는 최적화 하자

2021년 2월 21일
·
0개의 댓글
·
post-thumbnail

React - useEffect 부수기

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

2021년 2월 4일
·
0개의 댓글
·
post-thumbnail

1차 프로젝트 문제 해결

카테고리를 누르면 해당 카테고리 페이지로 넘어가고 해당 카테고리에 맞는 데이터를 서버에서 받아 와야 한다. 즉, router 후에 query를 가져와서 그것을 서버에 전송해야 하는 것이었다. 다른 팀원의 파트였는데 프로젝트 기간 중에는 결국 시간적 압박으로 해결하지 못

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

렌카 인턴십 후기 & 플랫폼 개발 프로젝트

잡초처럼 버틴 인턴십 후기

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

2차 프로젝트 :: 직방 클론 후기

추후 업데이트 '직방' 이란 부동산 정보 중개 플랫폼을 모티브로 개발 프로젝트를 진행하였습니다.

2021년 1월 16일
·
2개의 댓글
·
post-thumbnail

React - sticky nav

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

2020년 12월 6일
·
1개의 댓글
·
post-thumbnail

카카오맵 API

지도를 띄우자 내 마음에 지도를 띄우자 시작 키 발급은 생략하고 먼저 지도를 담을 컴포넌트를 만든다. 지도를 넣을 곳에 id를 준다. useEffect으로 api를 호출하는데 ![](https://images.velog.io/images/dongha1992/po

2020년 12월 3일
·
0개의 댓글
·
post-thumbnail

react - 함수 vs 클래스

props는 둘 다 사용 가능하다. state는 함수에선 hook으로 사용한다. props를 준다. function 에선 이렇게 비구조 할당으로 값만 받으면 된다. 클래스에서 이벤트가 발생하면 setState를 하고 setState가 되면 render가 된다. 함수에서

2020년 11월 30일
·
0개의 댓글
·
post-thumbnail

1차 프로젝트 :: hourplace 클론 후기

프로젝트 영상 https://www.youtube.com/watch?v=aPFeH9Arw9Q 프로젝트 요약 1) 소개 hourplace라는 장소 렌탈 플랫폼을 클론 코딩 백엔드와 프론트엔드의 협업을 통해 실질적으로 웹이 만들어지는 플로우를 이해 hourplace

2020년 11월 29일
·
1개의 댓글
·
post-thumbnail

react - hook

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

2020년 11월 29일
·
0개의 댓글
·
post-thumbnail

react - pagination

Coffe 컴포넌트는 데이터를 받아오고 CardList에 데이터를 뿌린다.Coffee 컴포넌트 내부.일단 CDM으로 데이터를 가져오는데 LIMIT이란 상수를 준다. 그리고 이제 button을 ruturn하는데 버튼에 fetchCoffee라는 함수가 있다. limit과

2020년 11월 24일
·
1개의 댓글
·
post-thumbnail

react - 동적 라우팅

Monsters가 부모 컴포넌트고 CardList에 데이터를 뿌린다. CardList에는 Card컴포넌트가 있다. 이제 Monsters에서 Card를 클릭하면 각 카드에 맞게 이동해야 한다. Card 컨테이너에 onClick을 한다. 그리고 함수 실행. 함수에는 his

2020년 11월 20일
·
0개의 댓글
·