Component2 만들면서 배우는 react, tic-tac-toe https://react.dev/learn/tutorial-tic-tac-toe#setup-for-the-tutorial Tutorial: Tic-Tac-Toe – React The library for web and native user interfaces react.dev 한글로 번역해서 보면 코드 네임과 문장이 뒤죽박죽 섞여 웬만하면 영어로 보는 것이 좋은 것 같다. 나는 영어로 보되, 모르는 단어가 있으면 그때 그때 찾아가면서 이해하고 넘어갔다. 이번에 만들어 본 것은 리액트 공식 사이트에서 tutorial로 만들어진 tic-tac-toe 게임 프로젝트이다. Code SandBox로도 실습이 가능하지만, 나는 GitHub에 학습 내용을 올리기 위해 VS Code를 이용해 실습했다. 어려운 부분들은.. 2023. 8. 19. 소플의 처음 만난 리액트_실습4 소플의 처음 만난 리액트_실습4 State 리액트 컴포넌트의 변경 가능한 데이터 컴포넌트를 개발하는 개발자가 직접 정의해서 사용 state가 변경될 경우 컴포넌트가 리렌더링 됨 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함 State의 특징 자바스크립트 객체 형태로 존재 직접적인 변경이 불가능 함 - 클래스 컴포넌트 생성자에서 모든 state를 한 번에 정의 state를 변경하고자 할 때에는 꼭 setState()함수를 사용해야 함 - 함수 컴포넌트 useState() 훅을 사용하여 각각의 state를 정의 각 state별로 주어지는 set함수를 사용하여 state 값을 변경 생명주기 마운트 componentDidMount() - 컴포넌트가 생성될 때 업데이트 componentDidU.. 2023. 7. 11. 이전 1 다음 반응형
