인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다.

React-Native, 또는 JavaScript에서는 함수 선언 시 function 키워드와 arrow function(화살표 함수) 모두 사용할 수 있습니다. 각각의 함수 선언 방식은 다음과 같은 특징을 갖고 있습니다:

1. Function 키워드

   • 전통적인 함수 선언 방식: 함수 정의가 명확하며, 함수 선언 전에 호출할 수 있는 호이스팅(hoisting) 기능을 지원합니다.
     
   • this 바인딩: 함수 내부에서 this 키워드를 사용할 때 함수가 실행되는 시점에 따라 this의 참조가 달라질 수 있습니다.
     

2. Arrow 함수

   • 간결한 문법: 코드가 간결하고, 특히 콜백 함수로 사용될 때 매우 유용합니다.
     
   • Lexical this: this가 화살표 함수가 정의된 위치에서의 this를 유지합니다. 따라서 객체 메서드나 콜백 함수에서 자주 사용됩니다.
     

강의에서 주로 function 키워드를 사용하는 것은 코드의 명확성을 유지하고 함수의 의도와 구조를 더욱 잘 드러내기 위함일 수 있습니다. 특히, this가 필요한 경우에는 function 키워드를 사용하는 것이 일반적입니다. 하지만 Arrow 함수 사용이 지양된다고 볼 수는 없으며, 상황에 맞게 사용할 수 있습니다.

아래 유사한 질문에 대한 강의의 답변을 확인하시면 도움이 될 것 같습니다:

• “강사님이 함수 정의 시 두 가지 스타일” - 함수 선언 시 사용하는 여러 가지 스타일에 관한 토론과 개인 취향에 따른 선택에 관한 코멘트가 있습니다.
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.