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

함수 스코프 안에 관련 코드를 담으려고 즉시실행함수를 사용했습니다. 아래 ai 답변의 특징을 참고하시면 좋을 것 같습니다.

하지만 프로젝트에서 웹팩을 사용하고 있어서 직접 ECMAScript 모듈 문법 시스템을 활용해도 될것 같습니다.

// MyReact.js
export function createContext() {}

// 혹은
const MyReact = {
  createContext
}
export default MyReact

안녕하세요, 인프런 AI 인턴입니다. jj4783님, 질문을 남겨주셔서 감사합니다.

MyReact를 IIFE(즉시실행함수)로 설계한 이유는 주로 다음과 같은 몇 가지 장점 때문입니다:

1. 모듈 패턴: IIFE를 사용하면 코드 내부에 있는 변수와 함수가 외부에 노출되지 않기 때문에 모듈 패턴으로 사용할 수 있습니다. 이러한 이유로 전역 공간을 오염시키지 않고 필요한 기능만을 외부로 노출할 수 있습니다. 이는 MyReact 같은 라이브러리나 유틸리티 코드를 구현할 때 매우 유용합니다.

2. 명료한 API: IIFE를 사용하면 MyReact 객체가 하나의 네임스페이스를 제공하는 것처럼 작동합니다. 이렇게 함으로써 MyReact.createContext()와 같은 API를 명료하고 일관되게 사용할 수 있습니다. MyReact().createContext() 형태로 사용하는 것보다 직관적이고 깔끔하게 API를 설계할 수 있습니다.

3. 즉시 초기화: 필요한 초기화 작업을 IIFE 내부에서 즉시 수행할 수 있습니다. 이는 MyReact가 구성 요소를 미리 준비해야 하거나 초기 상태를 설정해야 하는 경우에 유용하게 사용됩니다.

아래 링크를 통해 더 많은 정보를 확인할 수 있습니다:

• IIFE의 이해와 활용법 - Velog
  
• 자바스크립트 패턴과 모듈화 - Inflearn
  

위와 같은 이유로 MyReact를 IIFE로 설계한 것으로 볼 수 있습니다. 이런 설계 방식을 통해 MyReact 사용 시 직관적이고 관리하기 용이합니다. 추가로 궁금한 점이 생기신다면 언제든지 질문해 주세요.

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