inflearn logo
강의

Course

Instructor

[React Part 1] Learning React by Building and Comparing

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

Resolved

435

angels6312

9 asked

1

안녕하세요.

강의 듣다보면 선생님께서 추상화라는 말씀을 자주 하시는데요

프로그래밍에서 추상화라는 말이 잘 와닿지가 않습니다ㅠㅠ

선생님 강의 외에도 다른 강의나 서적들도 보면 추상화라는 말이 꽤 나오는걸 볼 수 있는데 그때마다 추상화라는걸 어떻게 생각해야 할 지 잘 모르겠어서 질문 드려봅니다...

react mvc

Answer 1

3

jeonghwan

추상화란 불필요한 부분을 제거하고 본질을 드러내는 과정이라고 볼 수 있습니다. 예를 들어 지하철 노선도 같죠. 현실의 지하철 노선을 그대로 옮기려면 무척 복작하고 거대할 겁니다. 이걸 단순화한 게 지하철 노선도에요. 불필요한 정보를 제거하고 축척을 조절하고 간격을 단순화해서 작은 핸드폰 화면에 쏙 들어가게 추상화한 것이죠.

추상화는 이런 현실의 복잡성을 극복하기 위한 사고의 틀입니다. 공통점을 찾아서 문제를 일반화하기도 하고요. 불필요한 부분을 제거해서 중요한 부분이 들어나게 단순화하는 방법도 있어요.

이런 추상화의 대표적인 결과물이 바로 객체지향 프로그래밍에서 말하는 객체이기도 합니다. 리액트 컴포넌트도 마찬가지고요.

입력 필드를 렌더하고 사용자의 입력을 표시하는 것을 수업에서는 SearchFrom이란 컴포넌트로 추상화 했습니다.

최근에 읽은 책 중에 "객체지향의 사실과 오해"의 3장 타입과 추상화 부분을 추천 드립니다. 추상화를 이해하시는데 도움이 될겁니다.

 

리액트 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

import 문제

1

232

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] View.js 파일 질문과 학습 질문

1

329

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