🧶 𝗪𝗲𝗯/React
![[to-do-app] React react-bootstrap으로 모달 창 생성](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FBBscv%2FbtrykzDecub%2FfyIGeiIBFpEoPSJot4lg00%2Fimg.png)
[to-do-app] React react-bootstrap으로 모달 창 생성
https://yeomss.tistory.com/211?category=976597 [to-do-app] React 할 일 추가 기능 https://yeomss.tistory.com/207?category=976597 [to-do-app] React 할 일 모두 삭제 기능 https://yeomss.tistory.com/205?category=976597 [to-do-app] React 할 일 완료 & 삭제 기능 https://yeomss.tistory... yeomss.tistory.com 이전 글은 위에 링크로 달아놓겠습니다. 해당 시리즈를 확인하고 싶으시다면 아래 태그란에 [react-to-do-app] 을 클릭해주세요. ModalView import React from "react"; import..
![[to-do-app] React 할 일 추가 기능](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FN67kT%2Fbtryn9pYozN%2FV6VUUtYDKfN6V0kkGfR650%2Fimg.png)
[to-do-app] React 할 일 추가 기능
https://yeomss.tistory.com/207?category=976597 [to-do-app] React 할 일 모두 삭제 기능 https://yeomss.tistory.com/205?category=976597 [to-do-app] React 할 일 완료 & 삭제 기능 https://yeomss.tistory.com/202?category=976597 [to-do-app] React Header 만들기 https://yeomss.tistory.com/201.. yeomss.tistory.com 이전 글은 위에 링크로 달아놓겠습니다. 해당 시리즈를 확인하고 싶으시다면 아래 태그란에 [react-to-do-app] 을 클릭해주세요. InputView import React from "react"..
![[to-do-app] React 할 일 모두 삭제 기능](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdXyXQG%2FbtrxEExFJgd%2FtnMAcDesd05OQOdV8XkADk%2Fimg.png)
[to-do-app] React 할 일 모두 삭제 기능
https://yeomss.tistory.com/205?category=976597 [to-do-app] React 할 일 완료 & 삭제 기능 https://yeomss.tistory.com/202?category=976597 [to-do-app] React Header 만들기 https://yeomss.tistory.com/201 [to-do-app] React 환경설정 + Redux React 프로젝트를 할 때 필수로 Redux 를 사용하는데,.. yeomss.tistory.com 이전 글은 위에 링크로 달아놓겠습니다. 이번 기능은 모든 리스트들을 Clear 버튼을 누르면 모두 삭제되는 기능입니다. FooterView import React from "react"; import "../styles/f..
![[to-do-app] React 할 일 완료 & 삭제 기능](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcOwSVb%2FbtrxaOt9tUJ%2FZa04qFexU1I5zk6x0HX5Gk%2Fimg.png)
[to-do-app] React 할 일 완료 & 삭제 기능
https://yeomss.tistory.com/202?category=976597 [to-do-app] React Header 만들기 https://yeomss.tistory.com/201 [to-do-app] React 환경설정 + Redux React 프로젝트를 할 때 필수로 Redux 를 사용하는데, 항상 까먹습니다. 🥹 그래서 간단한 To do App 을 만들어서 블로그에 기록을 하고자.. yeomss.tistory.com 이전 글은 위에 링크로 달아놓겠습니다. 이번에는 List 를 만들어보겠습니다. List에서 투 두 리스트를 완료 체크하고, 요소 하나를 삭제하는 기능을 추가하도록 하겠습니다. ListView import React from "react"; import { useSelector..
![[to-do-app] React Header 만들기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcd0kNO%2Fbtrw6gD0sJJ%2F4Klt9S6hnfruobGZHIrVM0%2Fimg.png)
[to-do-app] React Header 만들기
https://yeomss.tistory.com/201 [to-do-app] React 환경설정 + Redux React 프로젝트를 할 때 필수로 Redux 를 사용하는데, 항상 까먹습니다. 🥹 그래서 간단한 To do App 을 만들어서 블로그에 기록을 하고자 합니다. 해당 글 시리즈를 확인하고 싶으시다면 아래에 있는 yeomss.tistory.com 이전 글은 위에 링크로 달아놓겠습니다. 이번에는 Header 를 만들어보겠습니다. Header에서 user의 닉네임을 state 에서 가져오고 변경도 가능하도록 만들 것입니다. HeaderView import React from "react"; import "../styles/header.css"; import Title from "../component..
![[to-do-app] React 환경설정 + Redux](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcl11XK%2Fbtrw65oIjOc%2FPLMTbRz5kpceTco9Esq6ZK%2Fimg.png)
[to-do-app] React 환경설정 + Redux
React 프로젝트를 할 때 필수로 Redux 를 사용하는데, 항상 까먹습니다. 🥹 그래서 간단한 To do App 을 만들어서 블로그에 기록을 하고자 합니다. 해당 글 시리즈를 확인하고 싶으시다면 아래에 있는 [react-to-do-app] 태그를 주목해주세요. create-react-app 폴더 생성 mkdir to-do-app cd to-do-app create-react-app . create-react-app 을 이용해서 리액트 프로젝트 폴더를 만들어주세요. 만드시면 오른쪽과 같아 폴더 구조가 구성됩니다. Redux 설치 npm install react-redux npm install @reduxjs/toolkit redux 를 설치해줍니다. 저는 redux-toolkit 을 사용할 예정입니다...