inflearn logo
강의

Course

Instructor

[React Part 1] Learning React by Building and Comparing

[검색폼 1] View.js 파일 질문과 학습 질문

Resolved

329

angels6312

9 asked

1

안녕하세요. 강의 듣기 시작한 수강생 입니다 ㅎㅎ

강의 듣기전에 코드도 한번 살펴보고 검색폼 1강의도 들었는데요

아무리 봐도 View.js 파일에서 class 내부의 constructor의 매개변수로 전달되는 element가 뭔지 잘 모르겠습니다... View 클래스로 인스턴스를 만들때 인수로 전달한 것이 element로 들어가는걸로 알고 있는데

View 클래스로 생성한 인스턴스를 못 찾겠습니다ㅠㅠ

 

그리고 제가 JS랑 리액트를 다른 강의로 한 번 보고 복습하면서 선생님 강의를 듣고 있는데요

후기글처럼 초반 JS 부분이 어렵긴합니다

내용이나 코드가 이해는 되고 어떤 코드가 어떤 역할을 하고 어떤 코드를 이 스크립트에 작성하는지 이런건 어느정도 파악하면서 듣고 있는데요

막상 제가 이런 모듈을 만들고, 커스텀 이벤트 객체를 생성해서 자바스크립트로 프로젝트를 만들어보려고 했을때는 코드를 어떻게 쳐야 할지 막막할 것 같은데

혹시 강의를 어떤 방법으로 수강하고, 복습은 어떤식으로 하면 좋을지 조언 부탁드릴 수 있을까요?

mvc

Answer 1

1

jeonghwan

View 클래스의 인스터스를 직접 만들지는 않습니다. 부모 클래스 역할만 하고요. 이를 상속한 XXXView 클래스의 인스턴스를 만듭니다. View 클래스는 각 뷰의 공통 로직 역할을 하기 때문에 부모 클래스로 정의했다고 보시면 되요.

강의 초반부에 다루는 자바스크립트 부분이 좀 어렵다고 말씀해 주셨는데요. 이 부분은 리액트 라이브러리와는 전혀 다른 부분입니다. 앞서 질문 주신 View 클래스의 경우는 상속 개념을 알고 있어야 수월하실 거에요.

비교적 취약한 부분을 마주하면 어렵다고 느낍니다. 객체지향프로그래밍이나 소프트웨어 공학 원칙 같은 이론적 지식을 공부하면 어떻까 싶습니다. 이 수업 뿐만아니라 다른 기술을 학습하실 때 밑바탕이 될 수 있을 것입니다.

리액트 1,2부 이후 후속 강의나 준비 중인 다른 강의가 있으신가요?

1

90

2

super.show() 호출하는 이유가 궁금합니다.

1

81

2

class와 constructor를 이용한 객체 지향 프로그래밍

0

224

2

mvc 패턴 질문

0

197

2

Cannot read properties of undefined (reading 'props')

0

270

2

delegate, emit 필요한 이유

0

196

2

어떤거를 먼저 들어야 하는지 도와주세요

1

265

1

localhost:8080 접속 불가

1

282

1

최근검색어 3 풀이에서

1

188

1

자동변환 관련

1

203

1

sort() 질문 드립니다.

1

304

2

reset 시점에 searchResult 빈 배열로 update

2

311

2

Button에 Onclick사용

1

247

1

npx lite-server error 확인 요청드립니다.

1

470

2

node 20이상 쓸때 꿀팁

4

759

3

디버깅 관련질문이 있습니다.

1

295

1

[순수JS2]탭 3(풀이) 질문있습니다.

1

229

1

추상화를 어떻게 받아들이면 될까요??

1

435

1

on 메서드 eventName 문의

1

266

1

import에 관해서 질문드립니다

1

254

1

view.js의 on 메소드에 대해 질문드립니다

1

258

1

componentDidMount에서 getKeywordList()를 하는 이유

1

241

1

[순수JS1]검색폼2_git branch 이동관련

1

279

1

클래스 컴포넌트와 함수형 컴포넌트

0

5212

1