react3 Weather API & data component ์ค๋์ todolist ์์ 1. ์์ด์ด ํ๋ ์ + ์ปดํฌ๋ํธ ๋๋๊ธฐ. 2.Data , Weather Component ๋ง๋ค๊ธฐ. 1. ์์ด์ด ํ๋ ์ + ์ปดํฌ๋ํธ ๋๋๊ธฐ. ์ ์ฒด ํ์ด์ง๋ App์ ๋์ฐ๊ณ , ๋ค๋ฅธ ์ปดํฌ๋ํธ๋ค์ ๊ฐ์ ํ ์ผ์ ์๊ฒ ๋๋์ด ๋ง๋ค๊ธฐ๋ก ํ๋ค. App์ ํ์๋ ์ปดํฌ๋ํธ ์ธ์๋ Listํด๋์ ๋ฐ๋ก ๋ด์๋์๋ค. ์ด๋ป๊ฒ state์ props๋ฅผ ๋ด๋ ค์ฃผ์ด์ผ ํ ์ง ํท๊ฐ๋ฆด๊ฒ ๊ฐ์์ ๋ถ๋ชจ์์๊ฐ์ ํธ๋ฆฌ๊ตฌ์กฐ๋ ํํํด๋ดค๋ค. ๋งค์ผ ๋ฐ๋ณตํ ์ผ์ ์ ๋์ธ DayLoop์ ๋น์ผ ์ผ์ ํ์ ๋ฆฌ์ ๋ TodoList๋ AddList๋ฅผ ํตํด ์ฌ์ฉ์๊ฐ ์ผ์ ์ ์ถ๊ฐํ ๋ ํ ๊ธ๋ฒํผ์ ์ด์ฉํด ๋ง๋ ์ปดํฌ๋ํธProp์ผ๋ก ๋ด๋ ค ์ค ์์ . remove๋ ์ด๋์ ํฌํจํด์ผํ ์ง ์๋ชจ๋ฅด๊ฒ ์ด์ ์งํํ๋ค๊ฐ ๋ผ์๋ฃ์๊ฑฐ ๊ฐ์๋ฐ ์๋ง addlist์ ๋ค์ด.. 2022. 2. 5. [React ์์ต์] Tic Tac Toe.. ํฌ๋๋ฆฌ์คํธ๋ฅผ ์์ ํ๊ธฐ์ ์์ ๋ฆฌ์กํธ๋ฅผ ๋๋ฌด ๋ชจ๋ฅด๋๊ฑฐ ๊ฐ์, ๊ณต์๋ฌธ์ ์์ต์์ ํฑํํ ๋ฅผ ๊ณต๋ถํ๊ณ ์๋ค. function Square(props) { return ( {props.value} ); } class Board extends React.Component { constructor(props){ super(props); this.state = { squares: Array(9).fill(null), xIsNext : true, }; } handleClick(i) { const squares = this.state.squares.slice(); if(calculateWinner(squares) || squares[i]){ return; } squares[i] = this.state.xIsNext ? '.. 2022. 2. 3. ๋ฆฌ์กํธ๋ก Todo list๋ฅผ ๋ง๋ค์ด๋ณด์ ํฌ๋๋ฆฌ์คํธ๋ฅผ ์ฐ๊ณ ์ถ์๋ฐ ๋ง์์ ๋๋๊ฒ ์์ด์ ๋ง๋ค์ด๋ณด๊ธฐ๋กํจ ๊ณต๋ถ์ ๋์๋ ์์๋๋ก ๋ฆฌ์กํธ ๋ ์จapi ๋น๋๊ธฐ(์ด๋์ ๋ค์ด๊ฐ์ผํ ์ง ๋ชจ๋ฅด๊ฒ ์ง๋ง..) ๋ถ์บ ์์ ๋ฐฐ์ฐ๋๊ฒ๋ค์ ๋๋๋ก ๋ง์ด ์ฌ์ฉํด๋ณผ์์ 2022. 1. 30. ์ด์ 1 ๋ค์