전화번호 부 만들기 튜토리얼 1/4 (Section 6)

참고> velopert.com/3634

 

* 이 튜토리얼을 따라하려고 create-react-app 을 하니 React가 더이상 -g 로 create-react-app을 사용하는 방식을 지원하지 않는다는 말이 나왔다.
  그래서 기존에 내 컴에 깔려있던 create-react-app을 npm uninstall create-react-app으로 지운 후, 
  npx create-react-app phone-book 으로 React 앱을 생성하였다.


1. Computed property names: 어떤 객체의 property에 접근할 수 있게 해주는 문법, ECMAScript 2015부터 적용됨.
ex) 이벤트를 받을 때 

     [e.target.name]: e.target.value

     로 사용할 수 있음

 

2. 부모 컴포넌트에게 정보를 전달하는 방법
    1) 부모 컴포넌트에서 메소드 만들기
    2) 부모에게서 만들어진 메소드를 자식에게 전달하기
    3) 자식이 내부에서 위의 메소드를 호출

 

3. e.preventDefault() 함수: 원래 이벤트가 해야하는 작업을 방지하는 의미
    => form에서 submit이 발생하면 원래 페이지를 다시 불러오는데, 그러면 우리가 지닌 상태를 모두 잃어버리니까 preventDefault() 함수로 이를 방지해줌

 

4. 자식 내부에서 부모로부터 받은 메소드를 접근할 땐 props 사용

    => ex) this.props.funcFromParent()