2weeks_회고 step01

🎁 Key Function

2주 프로젝트에서 중요했던 부분은 TypeScript를 사용하다보니 어떤 행동을 하고 변수를 입력받을 때마다 그에 해당하는 제대로 된 Type을 지정해주는 것이 어려웠습니다. 타입을 제대로 정해주지 않으면, TypeScript의 장점이 없어지고, any로 이루어진 코드가 될 수 있습니다.

  public onInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const {
      target: { name, value }
    } = event;
    this.setState({ [name]: value } as any);
  };

  public onSubmit = async (input: any) => {
    console.log("input");
    const address = input;
    const result = await geoCode(address);
    if (result !== false) {
      const { lat, lng, formatted_address: formatedAddress } = result;
      this.setState({
        address: formatedAddress,
        lat,
        lng
      });
    }
  };

최대한 any를 사용하지 않으려고 노력했지만, 타입을 정하진 않은 부분들이 많이 있어서 이번 프로젝트에서 제일 아쉬운 부분입니다.👩‍🎓👩‍🎓