profile
Developer's High
태그 목록
전체보기 (52)React(11)hook(5)자료구조(4)타입(3)제너레이터(3)자바스크립트(3)노션클론코딩(3)알고리즘(3)함수형프로그래밍(3)이터레이터(3)CSR(2)SSR(2)this(2)async(2)TIL(2)ES6(2)CSS(2)Sass(2)spa(2)타입스크립트(2)정규표현식(2)트라이(2)모듈(2)scss(2)React.memo(1)eventLoof(1)확장성(1)DOMTree(1)함수형(1)virtual DOM(1)설정(1)배열(1)component(1)variable(1)타입연산(1)클론코딩(1)package(1)추상화(1)잉여 속성 체크(1)맵핑(1)차이(1)githubpages(1)API(1)indexOf(1)push(1)이벤트루프(1)런타임(1)스코프(1)flex box(1)bind(1)호이스팅(1)transform(1)prop-types(1)프로미스(1)event flow(1)타입 연산(1)낙관적 업데이트(1)코딩테스트(1)타입단언(1)optimization(1)객체지향과프로토타입(1)함수형 프로그래밍(1)웹스토리(1)브라우저(1)vue(1)빅오(1)FetchAPI(1)open source(1)프론트엔드(1)트리(1)구조적타이핑(1)throttle(1)debounce(1)Firebase(1)HistoryAPI(1)capturing(1)await(1)storybook(1)이진트리(1)useEffect(1)useState(1)ajax(1)ux(1)UI컴포넌트(1)조건부 타입(1)number(1)class(1)network(1)Flex(1)JavaScript(1)숫자(1)기본형타입(1)UI(1)Debouncing(1)craco(1)frontend(1)layout(1)객체 래퍼 타입(1)섹션스토리지(1)유니코드(1)오버헤드(1)프로미스 객체(1)함수 타입 재활용(1)any(1)XSS(1)cli(1)filter(1)Breadcrumb(1)인터페이스(1)commit(1)쿠키와세션(1)React.children(1)useMemo(1)인덱스 시그니처(1)DOM(1)Enum(1)Attachment(1)구조적타입(1)parser(1)로직분리(1)html(1)clone(1)구조분해할당(1)useCallback(1)그리디(1)script(1)렌더링(1)로컬스토리지(1)painting(1)데이터타입(1)memory(1)컴파일(1)제너릭(1)split()(1)CDN(1)custom hook(1)부동 소수점(1)spread operator(1)Fetch(1)parse()(1)style(1)Vercel(1)aws(1)IntersectionObserver(1)RenderTree(1)이진탐색(1)JSX(1)지연평가(1)CSSOM(1)vanillajs(1)변수(1)내장함수(1)rendering(1)의존성(1)타입선언(1)토큰(1)Token(1)선언적 프로그래밍(1)중첩(1)columns(1)bubbling(1)grid(1)빅오 표기법(1)closure(1)캐치(1)emotion(1)add(1)트랜스파일(1)charAt(1)주민등록번호(1)netlify(1)노션(1)contextAPI(1)scope(1)apply(1)call(1)git(1)svelte(1)tag(1)crypto(1)
post-thumbnail

Day.17 바닐라 자바스크립트(2021.08.24)

API를 이용해서 화면 렌더링을 할경우 인터넷환경과 서버에 따라서 사용자가 느낄만한 지연성이 나올수 있다. 결과적으로 사용자 경험이 떨어지게 된다.이를 방지하기 위해 낙관적 업데이트를 하면 사용자 경험이 향상된다.이런 식으로 서버에서 데이터를 받아서 렌더링 하기 전에

2021년 8월 25일
·
0개의 댓글