| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
- Spring-Framework
- intellij
- Python
- JS 개념
- 자바스크립트
- node.js로 로그인하기
- react오류
- Colaboratory 글자 깨짐
- spring-boot
- ReactDOM.render is no longer supported in React 18. Use createRoot instead
- googleColaboratory
- 따라하며 배우는 노드 리액트 기본 강의
- vs code 내 node
- 모두의 파이썬
- props
- You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client"
- Do it 자바스크립트 + 제이쿼리 입문
- 계산맞추기 게임
- 노드에 리액트 추가하기
- Concurrently
- react
- 웹 게임을 만들며 배우는 리액트
- intllij 내 Bean을 찾지 못해서 발생하는 오류
- 타자 게임 만들기
- 모던자바스크립트
- 거북이 대포 게임
- 리액트
- node.js 설치
- DB Browser
- 인프런
- Today
- Total
목록과거 프로그래밍 자료들/React (46)
프로그래밍 삽질 중
[next.js + @reduxjs/toolkit] createStore에서 createSlice로 적용해보기
createStore로 강의 내용 : 섹션 2 Redux 연동하기 https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC/dashboard [리뉴얼] React로 NodeBird SNS 만들기 - 인프런 | 강의 리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다., - 강의 소개 | 인프런... www.inflearn.com * 지금의 포스팅은 아래의 'Next.js와 리덕스 설명(로그인, 로그아웃)'의 수정 부분 https://b..
(next.js + redux toolkit 시리즈 3) reduxjs/toolkit
출처 : https://www.youtube.com/watch?v=bpbLq6NxIm8&t=38 * 출처 : https://github.com/mayank7924/nextjs-with-redux/tree/redux-toolkit ▶ components는 깃허브를 참고하는 게 좋습니다 GitHub - mayank7924/nextjs-with-redux Contribute to mayank7924/nextjs-with-redux development by creating an account on GitHub. github.com 출처 : https://redux-toolkit.js.org/api/createslice createSlice | Redux Toolkit redux-toolkit.js.org re..
(next.js + redux toolkit 시리즈 2) next-redux-wrapper (yotube 강의)
* 출처 : https://www.youtube.com/watch?v=1EaRWZjTwYM&list=PLxXAf_cvJP9SAByj4a9BVySaeqzEpcOTp&index=4&t=883s 참고 : https://leehyungi0622.github.io/2021/05/17/202105/210514-React_with_NextJS/ 210517 React with NextJS TIL - Next Redux Wrapper, HYDRATE, redux-thunk, 제너레이터 함수에 대한 이해, redux-saga 2021/05/17 - redux-thunk 내용추가 Next Redux Wrapper일반적으로 React에 Redux를 붙일 때에는 하나의 Redux store만 존재하기 때문에 어렵지 않다.하지..
* RTK를 사용하는 이유는? 출처 : http://blog.hwahae.co.kr/all/tech/tech-tech/6946/ Redux Toolkit (리덕스 툴킷)은 정말 천덕꾸러기일까? Redux Toolkit 최근 훅 기반의 API 지원이 가속화되고 React Query, SWR 등 강력한 데이터 패칭과 캐싱 라이브러리를 사용하면서 리덕스 사용이 줄어드는 방향으로 프론트엔드 기술 트렌드가 변화하고 있 blog.hwahae.co.kr * 강의를 들은 이유 (강의 영어임, 자막 나오니까 괜찮음) - 리덕스가 createStore에서 configureStore로 변경하라고 알림 뜸 - 이에 대해 next에서 redux toolkit을 정확이 어떻게 써야하는 지, 리덕스에 대한 개념을 다시 잡기 위해 ..
출처 : https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC/dashboard [리뉴얼] React로 NodeBird SNS 만들기 - 인프런 | 강의 리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다., - 강의 소개 | 인프런... www.inflearn.com * 전통적인 웹사이트 - 브라우저가 요청 ↔ 프론트 서버 ↔ 백엔드 ↔ 데이터베이스로 동작 - 장점 : 모든 페이지가 화면에 그려짐 - 단점 : 모든 페이지가 화면에..
출처 : https://www.inflearn.com/course/%EB%85%B8%EB%93%9C%EB%B2%84%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%A6%AC%EB%89%B4%EC%96%BC/dashboard [리뉴얼] React로 NodeBird SNS 만들기 - 인프런 | 강의 리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다., - 강의 소개 | 인프런... www.inflearn.com * antd로 디자인 중, 일부 항목은 스타일을 변경해야 함 * (오류) 직접 인라인 스타일링 하는 경우 ▶ 문제점 : test 함수 내 return 부분 중 div..
출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * Cotext API - 부모와 자식 관계가 다층적일 때 props 물려주기 힘듦 - 예를 들어 부모는 MineSearch.jsx 자식은 Table.jsx > Tr.jsx > Td.jsx일 때 Td가 MineSearch에서 데이터를 가져오고 싶을 때 MineSearch > Table > Tr > Td 순으로 물려줘야..
[웹 게임을 만들며 배우는 React] - 틱택토, useReducer, useCallback
출처: https://www.inflearn.com/course/web-game-react/dashboard [무료] 웹 게임을 만들며 배우는 React - 인프런 | 강의 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다., - 강의 소개 | 인프런... www.inflearn.com * useReducer란? - state가 많아지면 변수들이 많아짐 → 한 번에 모아서 관리하면 어떨까? ▶ 이 기능을 담당하는 것이 useReducer * (1) state를 모아서 action을 통해 바꿈, (2) action을 dispatch하면 action이 실행됨 ▶ (3) reducer에서 정의한대로 sta..