본문 바로가기

전체 글64

투두리스트 오늘 리액트 투두리스트 보충 수업을 들으면서 map과filter에 개념에 대해서 한번 더 복습하였다 . import React from "react"; import Todo from "./Todo"; export default function TodoList({ todos, isActive, setTodos }) { const todoBox = { border: "1px solid black", padding: "20px" }; return ( {isActive === true ? "해야 할 일" : "완료 한 일 "} {todos .filter((item) => item.isDone === !isActive) .map((item) => { return ; })} ); } 일단 map 과 filter의 .. 2022. 12. 14.
TodoList 연습 투두리스트 연습 import React, { useState } from "react"; import "./App.css"; import TodoBoard from "./components/TodoBoard"; function App() { const [input, setInput] = useState(""); const [todoList, setTodoList] = useState([]); const addItem = () => { setTodoList([...todoList, input]); }; return ( { setInput(event.target.value); }} > 추가 ); } export default App; 필요한 컴포넌트를 임폴트 해온다. state를 이용하여 데이터를 저장한다 .. 2022. 12. 13.
WIL 6주차.. Facts -리액트 -Map -Filter Feelings - 자바스크립트 문법 지식이 부족하여서 리액트를 공부하는데 큰 어려움이 있다 ㅠㅠ Finding -Map의 활용 -Filter의 활용 -투두리스트 만둘기 Future -리액트 강의 수강 -자바스크립트 문법 강의 수강 -알고리즘 문제 2022. 12. 12.
Redux Redux 상태를 중앙에서 관리하는것을 통해서 데이터가 우리가 예측하지 않은 대로 변형되는 가능성을 낮춰주는거 리액트나 리덕스는 개발의 복잡성을 낮춰주는 기술 비유: 리액트는 소문과 같고 리덕스는 미디어 같은느낌 소문은 필요없는 소문을 모든 사람이 다 들음 소문은 전판 되기 위해서는 집집마다 연결되어있어야함 리덕스 언론사 모든정보를 가지고 있어 리덕스 언론사에 전해주고 리덕스는 전체 컴포넌트에 방송한다 . 전체에게 하고싶은말이 있으면 리덕스 스토어에 전달하면 된다 필요한 컴포넌트들 에게만 정보를 전도할수있다. 소문 사이 리덕스 언론사를 세워준다 우리 복잡성을 낮춰준다 props가 리덕스 이용하지 않고 연결돼 있으면, 전자회로가 연결돼있는데 스위치가 하나라도 끊기면 맨 마지막 회로에서 전기를 못받는 거랑 .. 2022. 12. 9.

티스토리툴바