inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 A-Z[19버전 반영]

할 일 목록 UI 만들기(JSX, CSS 작성)

this

267

w a

작성한 질문수 6

0

코드를 작성할 때 this.getStyle() 형식으로 작성하는데

this가 의미하는 것이 무엇인가요?

react redux typescript tdd Next.js

답변 1

2

John Ahn

안녕하세요 w a 님!

이 부분은 자바스크립트 클래스에 관한 부분입니다. 

클래스 안에서 메서드나 생성을 한다면 그 메서드들이 

클래스 안에 들어가게 됩니다. 

그리고 this라는 keyword 가 그 클래스에 binding 됩니다. 

그렇기에 this를 이용해서 클래스에 접근하며 그 클래스에 있는 메서드들도 사용할 수 있게 되는 것입니다!!

그러면 setState은 왜 this.setState으로 사용할까요?
this 라는 것 안에 setState가 들어있는데 

class Car extends React.Component {

render() {

return <h2>Hi, I am a Car!</h2>;

}

}

this 가 setState을 가지고 있을 수 있는 이유는this는 이 Car라는 컴포넌트에 Binding이 되는데Car 컴포넌트는 React.Component를 extends 해서 (상속한다고 생각해주세요) React.Component안에 있는 걸 사용할 수 있습니다.React.Component 안에는 당연히 setState가 들어있겠죠? 

요약하면 this => App 컴포넌트에 binding 되고 => App은 setState을 가지고 있는 React.Component를 extends 하기 때문에 this.setState()를 사용할 수 있습니다.
감사합니다.

강의 소스 코드 압축 풀기 오류

0

92

1

런타임 에러 ㅠㅠ

0

105

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

114

1

안녕하세요 개발과 상관없는 질문입니다만

0

123

1

리액트 라우터 관련

0

119

1

react-beatiful-dnd에서 문제가 발생합니다.

0

108

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

833

1

useEffect로 사용을 해도 되나요?

0

210

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

202

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

287

2

리액트 dockderfile 작성 시 COPY 질문

0

156

1

next.js에서부터는 react query 필요없는지

0

328

1

기능

0

204

1

오류가 안보여요

0

206

1

CSS

0

225

1

local storage

0

224

1

list컴포넌트 생성하기

0

230

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

343

1

Banner.css에 대해서

0

464

1

플러그인이 추천을 안해줍니다

0

334

1

마이너스버튼 테스트

0

285

2

리액트 서버 실행 오류

0

1169

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

307

1

creactStore질문이요

1

293

2