hook2 만들면서 배우는 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. 소플의 처음 만난 리액트_실습5 소플의 처음 만난 리액트_실습5 훅(Hook) 리액트의 state와 생명주기 기능에 갈고리(Hook)를 걸어 원하는 시점에 정해진 함수를 실행되도록 만드는 것 ♪ useState() state를 사용하기 위한 훅 함수 컴포넌트에서는 기본적으로 state라는 것을 제공하지 않음 클래스 컴포넌트처럼 state를 사용하고 싶으면 useState() 사용 사용법 → const [변수명, set함수명] = useState(초기값); * 변수 각각에 대해 set 함수가 따로 존재함 ♪ useEffect() 사이드 이펙트를 수행하기 위한 훅 사이드 이펙트란? 서버에서 데이터를 받아오거나 수동으로 DOM을 변경하는 등의 작업 useEffect() 훅만으로 클래스 컴포넌트의 생명주기 함수들과 동일한 기능을 수행할 수 있.. 2023. 7. 11. 이전 1 다음 반응형
