Frontend Playground by Luke

섹션 1,2,3,4

명령어 한 줄로 table type 자동완성

supabase 초기셋팅과 회원가입, 로그인을 마스터 해보자!!

공식문서로 마스터하는 리덕스

공식문서를 통해 알아보는 useDeferredValue 훅

공식문서를 통해 알아보는 useTransition 훅

ESLint

4.3 Next.js 살펴보기

스토리북을 활용해 직접 디자인시스템을 구축하는 작업을 나타냈습니다.

5.1 상태관리는 왜 필요한가? 5.2 리액트 훅으로 시작하는 상태관리

2장 리액트 핵심요소 깊게 살펴보기

3.2 사용자 정의 훅과 고차 컴포넌트 중 무엇을 써야 할까?

디자인 시스템을 안정적으로 구현시켜주는 테스팅 라이브러리 StoryBook을 공식문서를 통해 학습해보자

3.1 리액트의 모든 훅 파헤치기

공식문서를 통해 알아보는 useMemo훅

2.4 렌더링은 어떻게 일어나는가? 2.5 컴포넌트와 함수의 무거운 연산을 기억해 두는 메모이제이션

프론트 엔드 개발자로서 테스트코드 작성에 대한 공부와 이해도를 높이자

2.3 클래스 컴포넌트와 함수 컴포넌트

2.1 JSX란? 2.2 가상 DOM과 파이버

1.5 이벤트 루프와 비동기 통신의 이해 1.6 리액트에서 자주 사용하는 자바스크립트 문법 1.7 선택이 아닌 필수, 타입스크립트

1.3. 클래스 1.4. 클로저

1.1 자바스크립트 동등 비교 1.2 함수

테스트 코드 cypress를 공부해보자

다국어 작업 라이브러리 i18n-next 에 대해 알아보자

아토믹 패턴의 도입과 성찰

공식문서를 통해 Prettier의 사용법에 대해 알아보자

공식문서를 통해 prettier 를 파헤쳐보자!

eslintrc 파일의 구성요소들에 대해 공식문서를 통해 알아보자

협업을 위한 필수 작업. ESLint 에 대해 알아보고 적용해보자