raheekang/Bingo-Game-react

Bingo-Game-react

📌 목적

함수형 컴포넌트 활용하여 bingo-game을 제작하였습니다.

하지만 더 적은 기능을 제공하지만 이를 해결하기 위해 react hooks 업데이트를 활용하였습니다. 이로 인해 함수형 컴포넌트에서도 생명주기를 사용할 수 있기에 데이터를 가져오고 컴포넌트 실행 후 API 호출이 가능합니다.

❓ 함수형 컴포넌트의 장점

• 더 적은 기능 제공
• 짧은 코드의 양
• 더 심플한 코드
• 더 빠른성능

❓ 클래스 컴포넌트를 사용하지 않는 이유

• 더 긴 코드의 양
• 더 복잡한 코드
• 더딘 성능

✔️ Hooks 에서 state 업데이트 방법

state 를 정의해줄 때 const[ name, setName ] = useState(””); 이런 식으로 정의를 해주며, setName을 이용하여 state 를 업데이트 시켜 줄 수 있습니다.

📌 이미지

• 해당 info 값 클릭 시 과거의 값으로 돌아 갈 수 있습니다.