함수 사용하기

이전 게시물에서 만든 프로젝트에서 /src/App.js 코드를 아래와 같이 수정했다.

function App() {
  const number = 1;	// 변수 선언 및 초기화

  const double = (number) => {
    return number * 2;
  };	// 화살표 함수 생성 (number)는 파라미터

  return (
    <div>{double(number)}</div>
  )	//2번째 줄에 선언한 number를 파라미터로 넘김
}

export default App;

 

이런 식으로 화살표 함수를 작성하고, 실행할 수 있다.

(일반 함수로 만들어줘도 되지만, 요즘 트렌드가 화살표 함수를 사용하는 것이기도 하고 훨씬 간결하다. ㅎㅎ)