본문 바로가기
반응형

2017/06/116

[ReactJS] 튜토리얼(Tutorial) - 10 튜토리얼(Tutorial) - 10 앞선 포스팅에서 틱택토 그리드에 버튼을 클릭할 때 마다 히스토리를 저장했다.이렇게 저장한 히스토리를 호출하여 움직임으로 보여주고, 해당 시점으로 이동하는 기능을 추가해보자 움직임 보여주기 1234567891011121314151617181920212223242526272829303132333435363738 render() { const history = this.state.history; const current = history[history.length - 1]; const winner = calculateWinner(current.squares); const moves = history.map((step, move) => { const desc = move ? .. 2017. 6. 11.
[ReactJS] 튜토리얼(Tutorial) - 9 튜토리얼(Tutorial) - 9 히스토리 저장 틱택토 게임을 만들면서 불변성에 대한 이야기를 했었다.불변성을 유지함으로써 리액트에서 가지는 이점들이 상당히 많았는데이를 틱택토 게임에 구체적으로 적용해보도록하자. 1234567891011121314151617history = [ { squares: [ null, null, null, null, null, null, null, null, null, ] }, { squares: [ null, null, null, null, 'X', null, null, null, null, ] }, // ...]cs 이를 위해서 상태값을 저장해야 하는데 위의 코드와 같이 배열에 순차적으로 넣어두는 방법이 있다.이렇게 되면 인덱스 값으로 해당 히스토리에 접근이 가능하다. 12.. 2017. 6. 11.
반응형

티스토리툴바