React
1.React 개요, 설치 방법 (23.09.05)
React 개요와 설치 방법 정리
2.Component (23.09.05)
컴포넌트에 대해 알아보기
3.Props와 State (23.09.06-07)
Props와 State란?
4.TodoList 만들기 (23.09.07-08)
리액트로 TodoList 만들어 보기
5.Context API (23.09.08)
Context API란 무엇일까
6.SPA와 회원 가입 기능 구현 (23.09.11)
SPA에 대해 알고 회원 가입 기능을 구현해 보자
7.로그인 기능 구현하기 (23.09.12)
리액트로 로그인 기능 구현하기
8.TodoList 기능 만들기 (23.09.13)
리액트로 TodoList 기능 만들기
9.블로그 - 상단 메뉴, 글 목록 레이아웃 구현
리액트로 블로그 상단 메뉴, 글 목록 레이아웃 만들기
10.블로그 - 좋아요, 가나다순 정렬 UI 구현
리액트로 좋아요, 가나다순 정렬 UI 만들기
11.블로그 - 글 상세 조회 모달창 구현
리액트로 글 상세 조회 모달창 만들기
12.블로그 - map() 반복문 사용하기
리액트로 map() 반복문 사용하기
13.블로그 - 글 작성, 삭제 기능 구현
리액트로 블로그 글 작성, 삭제 기능 만들기
14.블로그 - Github Pages로 배포하기
리액트 프로젝트(블로그) Github Pages로 배포하기
15.쇼핑몰 - Bootstrap 사용해 보기
리액트로 쇼핑몰을 만들어 보기 전 Bootstrap 사용법 알기
16.쇼핑몰 - 이미지 삽입하기
리액트로 이미지 삽입하기
17.쇼핑몰 - 상품 데이터 가져오기
리액트로 쇼핑몰을 만들어 볼 건데 상품 데이터를 가져와야 한다!
18.쇼핑몰 - React Router 사용하기
리액트로 쇼핑몰을 만들 건데 React Router를 사용해 보자
19.styled-components란?
리액트 라이브러리 중 하나인 styled-components에 대해 알아보기
20.쇼핑몰 - Lifecycle과 useEffect
Lifecycle과 useEffect을 활용하여 쇼핑몰 알림창 만들기
21.쇼핑몰 - Axios로 더보기 버튼 만들기
Axios 라이브러리를 사용해서 쇼핑몰 더보기 버튼을 만들어 보았다
22.쇼핑몰 - 탭 UI 만들기
쇼핑몰 프로젝트에서 탭 UI를 만들어 보았다
23.쇼핑몰 - transition과 Automatic Batching
transition 스타일과 Automatic Batching에 대해 알아보고 컴포넌트 전환 효과 주기
24.쇼핑몰 - Redux로 장바구니 만들기
Redux에 대해 알아보고 쇼핑몰 장바구니 기능 구현하기
25.리액트에서 자주 쓰는 if문 알기
리액트에서 자주 쓰는 if문 다섯 가지를 알아보자
26.쇼핑몰 - localStorage로 최근 본 상품 기능 구현
Web Storage(Local Storage/Session Storage)에 대해 알아보고, 최근 본 상품 기능을 구현해 보자
27.쇼핑몰 - React Query로 사용자 이름 조회
React Query란 무엇인지 알아보고, 이를 사용하여 사용자 이름 조회하기
28.성능 개선 (1) - React DevTools, Redux DevTools, lazy import
React DevTools, Redux DevTools, lazy import로 프로젝트 성능 개선하기
29.성능 개선 (2) - memo, useMemo, useTransition, useDeferredValue
memo, useMemo, useTransition, useDeferredValue로 프로젝트 성능 개선해 보기
30.PWA에 대해 알고 사용해 보기
PWA란 무엇인지 알아보고 사용도 해 보자