TIL 📝

끝말잇기 게임 + dev-server

require vs import (commonJS vs ES6)

리액트 반복문(map), 하위컴포넌트 분리

모던자바스크립트 딥다이브

모던자바스크립트 딥다이브

모던자바스크립트 딥다이브

Do IT) PureComponent, 조건문(&&)

Do IT) 스토리북

머터리얼 디자인 (css,scss)

jest, enzyme 라이브러리 (리액트 테스트)

PureComponent, React.memo

React.createRef(), hooks 주의사항

Do IT) 하이어오더, 커링, 고차함수

Do IT) 하이어오더 컴포넌트

react - 하이어오더 컴포넌트

Do IT) 컨텍스트 기초

리액트 조건문(삼항연산자), setTImeout

setTimeout, React.memo(PureComponent)

setInterval, componentDidMount (+willUnmount)

고차함수(()=>()=>()) , React.memo

useEffect

componentDidUpdate, setTimeout

useEffect, useMemo, useCallback

useReducer, dispatch&action

TicTacToe 완성 + 성능최적화 (React.memo / useMemo)

useReducer + contextAPI (지뢰찾기)

지뢰찾기) 좌클릭, 우클릭 로직 + 지뢰 개수 로직

재귀함수 로직, 승리조건 + 타이머, 성능최적화 (useMemo, memo,)

React Router

Todo App Project (React + scss)

React 성능최적화 (React.memo, 함수형 setState, useReducer) + react-virtualized 라이브러리

immer 라이브러리 (produce, 함수형 setState)

리액트 라우터 (URL 파라미터 / 쿼리스트링 / 중첩된 라우트 + Outlet / index / useNavigate / NavLink / Navigate(리다이렉션))

외부 API 연동 (async/await, Promise 등 비동기) / axios / styled-components

뉴스뷰어 완성 (axios, styled-components) + react-router (NavLink를 styled(NavLink)로 사용함)

Context API (React.createContext, Provider + Consumer, React.useContext , static contextType)

Redux (+parcel) with vanila JS / redux 작성법 (action type, reducer, store, dispatch, subscribe)

Redux 라이브러리 (Counter + Todos) - bindCreators, createStore(redux) / connect, Provider(react-redux)

React-Redux Project / react-actions 사용 (createAction, handleActions) / Hooks 사용 (useSelector, useDispatch)

리덕스 미들웨어 (redux / applyMiddleware )

Redux 미들웨어 (1. redux-thunk / 2. redux-saga)

React Hook Custom - 1. useState

React Hook Custom - 2. useEffect (1)

React 서버사이드 렌더링 (part 1 - eject 후 paths, 웹팩, script 설정)

서버사이드 렌더링 - 2

React Hook Custom - 3

React Hook Custom - 4 (end)

[Back-end] Node JS - Koa 라이브러리

[Back-end] Node JS - Koa 라이브러리 / REST API (GET/POST/DELETE/PUT/PATCH)

[[Back-end] Node JS + MongoDB / Mongoose (+ Postman, mongoDB Compass)

[Back-end] Node JS + MongoDB / Mongoose - end

[Back-end] JWT 회원인증 ( bcrypt, jsonwebtoken ) / mongoose, mongoDB, Koa

[Back-end] JWT 회원인증 ( bcrypt, jsonwebtoken ) - posts 라우트 , API 적용

vue.js DAY 01 (CH1-4)

vue.js DAY 02 (CH5)

vue.js DAY 03 (CH6-8)

vue.js DAY 04 (CH 8)

vue.js DAY 04

Redux (react-redux) lecture

Redux Toolkit + Wish list 수정(1)

TypeScript - Basic (Type)

TypeScript - generic

typescript - 객체지향 프로그래밍 (class, interface)

typescript - interface + polymorphism (다형성)

typescript - tsconfig.json 옵션 ( target / lib / jsdoc )

SCSS

SCSS 사용법 ( node-sass / gulp / webpack / parcel )

Next.js 정리 (1)

Recoil

front-end course Day 01

tailwind CSS

Front-end Course Day 02

Front-end Course Day 03 (재업로드)

Front-end Course Day 04

Front-end Course Day 05

typescript

typescript + 근황

Front Course Part 01

Front Course Part 01 - (2)

Front Course - edit

git/github

Node / React (REview)

230807 TypeScript + React 실전

1. React.memo, 2. useCallback, 3. useMemo

About Vite

HTML 내에서 CSS를 사용할 수 있게 해주는 CSS Framework

useDebounce Custom Hooks 생성

더보기 기능 / 자동 완성 검색 기능 구현 (React)

TypeScript (1/3)

TypeScript (2/3)

TypeScript (Basic Review)

Axios 요청

TypeScript (3/3)

React/TypeScript(Project) - 1. 프로젝트 세팅 (작성중)

TIL 23/11/11

React

231120 TIL (React)

231121 TIL (React + TS)

231121 TIL (React + TS)

231122 TIL

React Context API (Order Web Project)

Redux, Redux-Middleware, Redux-Toolkit

React Side Project (1)

React + TS Project

React

React

Refs, Portals

Redux

TypeScript With React

React, TypeScript RV

Redux / Redux-Toolkit RV

Redux / useEffect & Thunk (Async)

Next.js RV