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

안녕하세요 ReKoding님, 질문 감사합니다 🙂

강의에서 'init' 함수는 웹 페이지의 초기 상태에서 필요한 데이터를 가져와 저장하는 역할을 합니다.
이 함수는 컴포넌트가 처음 생성될 때 한 번만 실행되며, 외부에서 직접 호출되거나 다른 컴포넌트가 접근할 필요가 없습니다. 따라서 메서드로 만들기보다는, 내부 함수로 작성하는 것이 자연스럽다고 할 수 있습니다.

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

질문하신 내용에 대한 핵심은 생성자 함수에서 특정 기능들을 어떤 기준으로 프로퍼티(메서드)로 만들고, 어떤 기능들은 내부 함수로 작성하는 것인지에 대한 차이에 있습니다.

메서드 vs. 내부 함수의 차이:

1. 메서드로 작성한 경우:

   • 확장성과 재사용성: 메서드는 클래스의 인스턴스에서 호출할 수 있도록 외부로 노출됩니다. 이는 다른 컴포넌트나 인스턴스가 해당 메서드를 필요할 때 호출할 수 있게 하여, 모듈화된 기능으로 활용할 수 있도록 설계됩니다.
     
   • 상태 관리: 주로 상태 변경이 필요한 메서드(this.setState, this.render 등)는 외부에서도 직접 접근해야 하므로 메서드로 정의되어 인스턴스의 일부분으로 사용됩니다.
     

2. 내부 함수로 작성한 경우:

   • 캡슐화: 내부 함수는 해당 함수가 정의된 스코프 내에서만 사용됩니다. 주로 초기 설정이나 컴포넌트 내부에서만 국한된 로직을 구현할 때 자주 사용됩니다. 예를 들어 init 함수는 초기 설정과 같은 역할을 하죠.
     
   • 비공개 상태: 코드 구조상 외부에 노출되지 않아도 되는 경우에 내부 함수로 작성됩니다. 이는 코드의 가시성을 높이고, 의도하지 않은 외부 접근을 막는 데 도움을 줍니다.
     

결정 기준:

• 내부적으로만 사용되는 기능인 경우 내부 함수로 작성합니다.
  
• 내부 및 외부에서 접근하거나 상태가 변경될 필요가 있는 경우는 메서드로 작성하여 공개합니다.
  

이런 구조는 코드의 유지보수성과 가독성을 높이는 데 기여할 수 있습니다. 따라서, 각 컴포넌트의 책임과 사용 범위에 맞춰 적절히 메서드와 내부 함수를 구분하여 사용하는 것이 중요합니다.

관련 질문 URL:
- 상태관리와 SPA - 리액트와 비슷한 방식의 상태 관리를 이해하는 데 도움이 될 수 있는 게시물입니다.

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