화살표 함수 (arrow function)는 EC6 문법에서 함수를 표현하는 새로운 방식이다. 그렇다고 해서 기존 function을 이용한 함수 선언 방식을 아예 대체 하지는 않는다. (사용 용도가 조금 다르다) 이 문법은 주로 함수를 파라미터로 전달 할 때 유용하다. 아래 첨부한 사진들에 코드로 확인 해 보자. 둘의 결과가 다른 것을 알 수 있다. function()을 사용 했을 때는 검둥이가 나타났고, ()=>을 사용 했을 때는 흰둥이가 나타났다. 일반 함수는 자신이 종속된 객체를 this로 가리키며, 화살표 함수는 자신이 종속 된 인스턴스를 가리킨다.

input태그에 입력된 데이터 가져오기 입력된 데이터 접근하기 입력: 확인 사용자가 입력한 폼 데이터에 접근하기 위해서는 폼 안에 있는 필드의 id나 name속성을 이용해야 한다. id속성을 이용하려면 getElementById()를 사용해 요소를 찾으면 된다. 반면, name속성을 이용하려면 form 객체에서 name을 찾으면 된다. form객체는 배열이고 각 배열 요소는 form["name속성값"]과 같이 name속성으로 접근할 수 있다.

문자열 입력: prompt() 함수를 사용 , 불(bool, 확인 or 취소) 입력: confirm() 함수 사용 브라우저상에서 사용한 결과 화면입니다. 3번은 콘솔창에 입력한 문자열이 출력이 되어 나옵니다. 아래는 confirm 사용 함수 예제입니다. 확인을 누르면 true로 되며 콘솔창에 출력 됩니다.

npm install @babel/cli @babel/core @babel/node @babel/preset-env babel-loader @babel/polyfill -D npm install morgan -D @babel/cli : babel을 터미널 상에서 명령어로 사용 할 수 있게 도와주는 패키지 @babel/core : ES6 문법 변환을 도와주는 툴체인 @babel/polyfill : 최신 문법을 사용 할 수 있게 도와줌 morgan : 서버에서 로그 기록을 보여주는 것을 도와주는 라이브러리 -D : 개발 단계에서 사용 하겠다라는 의미 출처 : 인프런 -리액트 블로그 풀스택 (nodejs/React)-