화살표 함수와 일반 함수의 차이(feat. Prototype) JavaScript에서 함수를 정의하는 방법과 각 방식의 차이점에 대해 알아보겠습니다.함수함수란 어떤 작업을 수행하기 위해 필요한 문(statement)들의 집합을 정의한 코드 블록이다.- 코드를 재사용하는 것이 목적이다.- 코드 재사용이라는 일반적 기능 이외에 객체 생성, 객체의 행위 정의(메소드), 정보 은닉, 클로저, 모듈화 등의 기능을 수행할 수 있다.//함수의 기본적인 형태function sum(a, b) {  return a + b;}sum(10, 24); //34리액트에서 컴포넌트를 만드는 함수도 이러한 형태를 따른다.function Component(props) {  return {props.hello}}Component라고 하..

Babel React를 다시 공부하다가, Babel에 대해 먼저 알아야겠다고 생각해 글을 쓰게 되었습니다. 공식 홈페이지에서는 바벨을 자바스크립트 컴파일러라고 정의하고 있습니다. 컴파일러의 사전적 정의는 다음과 같습니다. "지금 차세대 JavaScript를 사용해 보세요." 해당 문구 아래에는 다음과 같이 JavaScript를 직접 입력해 볼 수 있는 공간이 있습니다. 차세대 자바스크립트를 입력할 경우, 브라우저와 호환되는 자바스크립트로 컴파일되는 것을 보여줍니다. 말 그대로 자바스크립트를 브라우저가 알 수 있도록 컴파일하는 것입니다. 좀 더 구체적으로 문서를 살펴보면 다음과 같이 정의하고 있습니다. "Babel은 ECMAScript 2015+ 코드를 현재 및 이전 브라우저 또는 환경에서 이전 버전과 호..