리액트 배운 내용

11/06 세팅하기

• create-react-app / tailwindcss
• 참고 코드:
  https://github.com/cryptojang/cra-tailwind-template

11/07 달력 만들기

• component / props / JSON / map
• 참고 코드:
  https://github.com/cryptojang/calendar/tree/master

11/08 투두리스트 (no redux, no router, no local storage)

• useState / 입력창 / 제출 기능 /
• 참고 코드:
  https://github.com/cryptojang/to-do-list/tree/master

11/09 계산기

• useState / useEffect / componenet / props / tailwindcss
• 참고 코드:
  https://github.com/cryptojang/calculator

11/09 날씨 앱

• api / axios / useEffect / geoLocation / substring
• 참고 코드:
  https://github.com/cryptojang/weather-api

11/10 코인 시세 가져오기

• 업비트 api / useEffect
• 참고 코드:
  https://github.com/cryptojang/coin-api

11/13 투두리스트 ***

• react router dom / local storage / useParams / react-icons / 쿼리스트링 / JSON / parse stringify / 배열 수정 맵함수 / useNavigate / 삼항연산자/ useState / useEffect
• 참고 코드:
  https://github.com/cryptojang/to-do-list-dr

11/15 챗gpt 검색바

• gpt-api / pop-up창(모달 창)
• 참고 코드:
  https://github.com/cryptojang/chat-gpt

11/16 테킷 클론 with 리액트

• layout & comp / 폰트 추가 / classname 추가 / 색 추가
• 참고 코드:
  https://github.com/cryptojang/techit-clone

11/16 솔라나 클론

• 웹사이트 실제 화면과 동일한 화면 구현해보기
• 참고 코드:
  https://github.com/cryptojang/solana-clone

11/21 헤더 사라지는 스크롤이벤트(계속 감지)

• addEventListener
• 참고 코드:
  https://github.com/cryptojang/disappear-header

11/22 무한 스크롤

• intersection observer(특정 객체에 도달 시 인식)
• 참고 코드:
  https://github.com/cryptojang/infinite-scroll

11/23 다이나믹 스크롤(스크롤 따라 사이즈 바뀌는 인터랙션)

• 참고 코드:
  https://github.com/cryptojang/dynamic-scroll

11/27 투두리스트 **

• 리덕스 / 백엔드와 프론트엔드 / 익스프레스 / 포스트맨
• 참고 코드:
  https://github.com/cryptojang/frontend
  https://github.com/cryptojang/backend

11/29 암기장

• 구글 tts api / 음성 재생
• 참고 코드:
  https://github.com/cryptojang/review-english

11/30 춘짱 고양이 use animate

• 커스텀 훅스 만들기 (반복 긴 코드 줄이고 싶을 때)
• 참고 코드:
  https://github.com/cryptojang/use-animate

12/1 투두리스트

• tdd
  -참고 코드:
  https://github.com/cryptojang/jest
  https://github.com/cryptojang/to-do-list-tdd

이외 이론 코드

call back

https://github.com/cryptojang/CallBack

redux

https://github.com/cryptojang/Redux-and-Make-Backend-Whole-Folder

hoisting

https://github.com/cryptojang/Hoisting-Class211030

useContext

https://github.com/cryptojang/use-context-practice

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

https://github.com/cryptojang/class-vs-function

useEffect

https://github.com/cryptojang/use-effect-practice-4-cases
https://github.com/cryptojang/use-effect-practice

react router dom

https://github.com/cryptojang/react-router-dom-practice

array map 함수

https://github.com/cryptojang/array-map-basic

props

https://github.com/cryptojang/props-practice
https://github.com/cryptojang/props-recap

component

https://github.com/cryptojang/component-practice-2
https://github.com/cryptojang/component-practice

useState

https://github.com/cryptojang/use-state-practice