profile
Developer's High
태그 목록
전체보기 (47)React(11)hook(5)TIL(3)노션클론코딩(3)이터레이터(3)함수형프로그래밍(3)제너레이터(3)this(2)scss(2)모듈(2)Sass(2)async(2)ES6(2)CSS(2)CSR(2)SSR(2)자료구조(2)트라이(2)알고리즘(2)spa(2)프론트엔드(2)React.memo(1)eventLoof(1)확장성(1)DOMTree(1)virtual DOM(1)회고(1)component(1)variable(1)클론코딩(1)package(1)추상화(1)githubpages(1)API(1)push(1)이벤트루프(1)스코프(1)flex box(1)bind(1)호이스팅(1)transform(1)prop-types(1)프로미스(1)event flow(1)낙관적 업데이트(1)코딩테스트(1)optimization(1)객체지향과프로토타입(1)함수형 프로그래밍(1)웹스토리(1)브라우저(1)vue(1)FetchAPI(1)open source(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)network(1)Flex(1)JavaScript(1)UI(1)Debouncing(1)craco(1)frontend(1)layout(1)섹션스토리지(1)유니코드(1)프로미스 객체(1)XSS(1)cli(1)filter(1)Breadcrumb(1)commit(1)쿠키와세션(1)React.children(1)useMemo(1)DOM(1)Attachment(1)parser(1)로직분리(1)html(1)clone(1)구조분해할당(1)useCallback(1)그리디(1)script(1)렌더링(1)데브코스(1)로컬스토리지(1)painting(1)데이터타입(1)memory(1)CDN(1)custom hook(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)rendering(1)의존성(1)토큰(1)Token(1)선언적 프로그래밍(1)중첩(1)columns(1)bubbling(1)grid(1)closure(1)캐치(1)emotion(1)add(1)netlify(1)노션(1)contextAPI(1)scope(1)apply(1)call(1)git(1)svelte(1)tag(1)crypto(1)정규표현식(1)
post-thumbnail

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

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

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

Day.16 바닐라 자바스크립트(2021.08.23)

url의 변화를 신경쓰자hashbang은 거의 안쓰니까 이런게 있는 것만 알아두자 예전에 IE에서 지원을 했기 때문에 썼는데 지금은 안쓴다고 한다.서버에서 HTML파일을 계속해서 받아오는 것이 아니라 클라이언트에서 자바스크립트를 이용해서 HTML파일을 생성해서 렌더링하

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