강지영입니...🐿️
태그 목록
- 전체보기(63)
- JavaScript(16)
- typescript(11)
- React(10)
- CSS(5)
- 디프만(5)
- 인프런(5)
- 함수형 프로그래밍(5)
- error(4)
- Event(2)
- this(2)
- 웹 접근성(2)
- http(2)
- git(2)
- github(2)
- next.js(2)
- Box Model(1)
- 함수 컴포넌트(1)
- 호이스팅(1)
- react router dom(1)
- vmax(1)
- lifecycle(1)
- iterator(1)
- 제너레이터(1)
- vmin(1)
- head(1)
- MPA(1)
- float(1)
- react-qeury(1)
- vh(1)
- await(1)
- Concurrent UI(1)
- useEffect(1)
- Utility Types(1)
- event loop(1)
- revert(1)
- px(1)
- async(1)
- 렉시컬 스코프(1)
- 디버깅(1)
- tcp(1)
- 이터러블(1)
- const(1)
- let(1)
- var(1)
- 클로저(1)
- key(1)
- react-query(1)
- keep alive(1)
- State(1)
- reset(1)
- hook(1)
- MSW(1)
- 리렌더링(1)
- useLayoutEffect(1)
- CSR(1)
- SSR(1)
- 화살표 함수(1)
- strict mode(1)
- opacity(1)
- TIME_WAIT(1)
- stale closure(1)
- 클래스 컴포넌트(1)
- Fetch(1)
- 실행 컨텍스트(1)
- spa(1)
- display(1)
- rem(1)
- squash and merge(1)
- pull(1)
- rebase and merge(1)
- JSX(1)
- Props(1)
- optimistic update(1)
- em(1)
- 블록 스코프(1)
- Suspense(1)
- 컴포넌트 반복(1)
- Mocking(1)
- position(1)
- promise(1)
- visibility(1)
- vw(1)
- 함수 스코프(1)
- OOP(1)
- 스코프(1)
- merge(1)
- rebase(1)
전체보기 (63)JavaScript(16)typescript(11)React(10)CSS(5)디프만(5)인프런(5)함수형 프로그래밍(5)error(4)Event(2)this(2)웹 접근성(2)http(2)git(2)github(2)next.js(2)Box Model(1)함수 컴포넌트(1)호이스팅(1)react router dom(1)vmax(1)lifecycle(1)iterator(1)제너레이터(1)vmin(1)head(1)MPA(1)float(1)react-qeury(1)vh(1)await(1)Concurrent UI(1)useEffect(1)Utility Types(1)event loop(1)revert(1)px(1)async(1)렉시컬 스코프(1)디버깅(1)tcp(1)이터러블(1)const(1)let(1)var(1)클로저(1)key(1)react-query(1)keep alive(1)State(1)reset(1)hook(1)MSW(1)리렌더링(1)useLayoutEffect(1)CSR(1)SSR(1)화살표 함수(1)strict mode(1)opacity(1)TIME_WAIT(1)stale closure(1)클래스 컴포넌트(1)Fetch(1)실행 컨텍스트(1)spa(1)display(1)rem(1)squash and merge(1)pull(1)rebase and merge(1)JSX(1)Props(1)optimistic update(1)em(1)블록 스코프(1)Suspense(1)컴포넌트 반복(1)Mocking(1)position(1)promise(1)visibility(1)vw(1)함수 스코프(1)OOP(1)스코프(1)merge(1)rebase(1)
좋아요 기능 구현하기 (with Optimistic Update)
기존 방법 이번에 코드리뷰 사이트에서 좋아요 기능을 구현해보았다. 기존에 구현한 방법은 likeQuestion api가 성공하면 다시 question api를 불러 빈하트 -> 꽉찬 하트 (좋아요가 된 이미지)를 보여주는 방식이었다. 아래의 gif들은 네트워크 속도를 점점 느리게 조절해보았다. 그 결과 네트워크가 느릴 수록 서버로부터 응답을 받기 전까지 아무런 반응이 없어 사용자 경험에 좋지 않은 것을 볼 수 있다. ![](https://velog.velcdn.com/images/zzi99/post/a5233e10-1243-
2023년 4월 2일
·
1개의 댓글·
2