[TIL] 첫 프로젝트 중 꿀팁 정리 (1)

프로젝트 기간 중 생기는 꿀팁을 조금씩 정리해보는 시리즈

name 속성 활용하기

무언가 html 객체에 name 속성을 줄 수 있는데 생각해보면 말이 name이지 value로 써서 사용하나 같은게 아닌가 글을 쓰면서 생각이 들었다..(기본으로 value를 갖고 있는것도 있을테고.. 뭐 다르긴 다르겠지만..)
기본적으로 현재 내 수준에서 자주 쓰는 사용법은

toggleFunction = event => {
    const name = event.currentTarget.name;
    this.setState({ [`${name}ToggleOn`]: !this.state[`${name}ToggleOn`] });
  };

위의 코드처럼 하나의 함수를 여러곳에서 사용한다면 name을 변수로 구분해서 사용하면 참 편리하다!