inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Slack 클론 코딩[실시간 채팅 with React]

제로초 선생님 질문있습니다

201

작성자 없음

0

index.tsx 파일에

const App = () => {

const getName = () => { return "test";}

 return <div>{getName()}</div>

}

예를 들어 위와 같은 구조에서

1. App 컴포넌트 내부에 getName 함수를 정의해서 사용하는거랑 App 컴포넌트 밖에 함수를 정의해서 사용하는 경우 어떤 차이가 있는지 궁금합니다

2. App 컴포넌트 내부에서 함수를 정의하는 경우 App 컴포넌트가 랜더링 될 때마다 getName 함수도 다시 만들어지는 걸로 알고 있는데

이런 일반함수들은 App 콤포넌트 밖에다 정의해도 상관이 없는건가요?

 

3. 상태를 변경하는 함수인 경우에만 App 콤포넌트 내부에 정의하고 그렇지 않은 경우 밖에다 정의하는게 좋을까요?

 

감사합니다

babel Socket.io 웹팩 react typescript 클론코딩

답변 1

0

제로초(조현영)

일반적으로 밖으로 뺄 수 있는 함수는 밖으로 빼시는게 좋습니다. 안 그러면 매번 생성되니까요. 다만 훅과 관련되어있는 애들은 밖으로 빼고싶어도 뺄 수가 없죠.

기본 셋팅과 관련하여

0

109

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

111

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

168

2

useEffect 개수 관리

0

123

2

라이브러리 서치 방법

0

118

2

함수 정의 패턴

0

81

1

npm run dev 에러

0

157

3

npx webpack 후 에러

0

190

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

154

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

193

2

초기세팅중 packge.json 에러떠요

0

163

2

CORS - Access-Control-Allow-Origin 누락 문제

0

440

3

로그인 페이지 무한 새로고침 현상

0

610

2

Module not found: Error: Can't resolve './App' 에러

0

971

1

배포 방법

0

307

2

npm run dev 시 빌드가 매우 느려졌습니다

0

1017

2

alias 경로 설정 오류

0

463

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

284

1

제네릭 질문

0

227

2

ts-node 대신 tsx 사용여부

0

380

1

배포 관련 질문

0

249

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

396

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

343

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

255

2