본문 바로가기

state2

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.

이전 1 다음

티스토리툴바