Optimistic Updates
낙관적 업데이트(optimistic update)의 필요성과 원리 예시에 대해서 정리했습니다.
WRITING / NOTES FROM THE WORK
프론트엔드를 만들며 마주친 질문을 기술과 경험으로 풀어 썼습니다. 주제를 고르거나 궁금한 키워드를 검색해 보세요.
THE ARCHIVE / 01
주제와 검색어를 함께 적용할 수 있습니다.
낙관적 업데이트(optimistic update)의 필요성과 원리 예시에 대해서 정리했습니다.
storybook을 사용하는 이유, 간단한 사용 방법을 정리하였습니다.
Auth.js(Next Auth)를 활용해서 Next.js에서 간편하게 소셜 로그인을 연동하는 방법에 대해서 정리합니다.
Next.js에서 서버 업데이트를 활용하여 form을 활용하는 server action에 대해서 정리합니다.
react의 props, component, html에 관한 타입을 정리합니다.
msw를 활용하여 react롸 nextJs에서 api mocking 하는 방법을 정리합니다.
Next.js Parallel Routes Intercepting Routes 에 대한 개념과 대표적인 사용방법에 대해 정리합니다.
react query에서 ssr을 적용하는 방법에 대해 정리합니다.
useState의 개념과 batch, useState를 간단하게 구현해봅니다.
타입스크립트에서 타입가드(type-guard)를 활용해서 타입을 좁히는 방법을 정리합니다.
인덱스 시그니처와 템플릿 리터럴 활용 방법에 대해 정리합니다.
인덱스드 엑세스 타입이 무엇인지 활용 방법을 정리합니다.
useContext의 기능과 활용 방법에 대해서 정리합니다.
react의 suspense의 도입 이유와 특징에 대해서 설명합니다.
react에서 활용되는 디자인 패턴에 대해서 학습합니다.
react children에 대해 학습한 점을 정리합니다.
react에서 ref를 활용하는 방식에 대해서 학습합니다.
Next.js에서 제공하는 Image 컴포넌트에 대해서 정리합니다.
Next.js의 Redirect, Rewrite를 활용한 router 기능을 정리합니다.
Next.js의 v12와 v13의 차이점에 대해서 정리합니다.
ref를 활용하여 react에서 DOM을 직접적으로 조작하는 방식에 대해 정리합니다.
Next.js에서 Dynamic Routing을 하는 벙법을 정리합니다.
CSR, SSG, ISR, SSR 페이지 렌더링 방식에 대해서 정리하고 각각의 장단점에 대해 살펴봅니다.
Next.js의 등장 원인과 역사를 정리합니다.
proxy? proxy에 대한 개념과 적용방법에 대해 정리합니다.
OAuth의 원리와 이를 적용하는 방법에 대해서 학습합니다.
JWT 개념 및 사용방법을 정리합니다.
내가 만든 브라우저 쿠키 로그인을 위해 구웠지
session의 역할과 활용 방법에 대해 정리합니다.
ESlint의 개념, 활용 방법에 대해 정리합니다.
ajax 방식 promise, fetch, axios에 대해 정리합니다.
webpack의 개념과 간단한 활용방법을 정리합니다.
babel이 무엇인지, babel의 필요성, babel의 사용벙에 대해서 정리합니다.
Cross-Origin Resource Sharing에 대해 정리합니다.
URL객체와 URLSearchParams에 대해 정리합니다.
JS의 모듈화의 역사와 대표적인 방식 ES모듈, CommonJS 방식에 대해 소개합니다.
prototype에 대해서 정리합니다.
자바스크립트에서 유사배열 객체와 배열의 차이에 대해서 알아봅니다.
closure 개념에 대한 정리와 활용 방법을 정리합니다.
실행 컨텍스트의 개념에 대해 정리합니다.
글과 프로젝트 기록은 최신 발행일 순서로 정렬됩니다.
주제별 모아보기 ↗