- Chakra UI 맛보기
- router-dom(v6) 설치 및 간단한 구성
- web3-util 설치
- hello-contract repo와 연결하기 위한 툴
- abi(Application Binary Interface): 런타임시 바이너리 코드와 상호작용하기 위한 인터페이스이다.
- 컨트랙트 내의 함수를 호출하거나 컨트랙트로부터 데이터를 얻는 방법.
- 컨트랙트 내의 어떤 함수를 호출할지를 지정하는데 필요.
- 함수가 데이터를 리턴한다는 것을 보장하기 위해 반드시 필요.
- my-animal Route 추가
- 기본 레이아웃 구성(Header와 Contents)
- MyAnimalCard 컴포넌트 구성
- 판매상태 표시하기(Toggle)
- 판매상태 및 가격표시 기능추가
- 가격 등록 기능추가
- async와 await
- javascript의 비동기 처리 방식을 방지하기 위한 솔루션
- try ... catch문과 함께 활용된다.
- try ... catch
- javascript에서는 에러가 발생하면 콘솔에 에러가 출력되고 코드는 멈춘다.
- try .. catch 문법을 사용하면 에러 상황을 잡고 에러 처리가 가능하다.
- (스크립트가 죽는걸 방지한다.)
- TypeScript에서 string과 String은 서로 다르다...
- string: string, String: Object(객체)