Interview_Question_for_Beginner
Interview_Question_for_Beginner copied to clipboard
Published
20 hours ago •
JaeYeopHan
JaeYeopHan
[Part 3] React 면접 내용 추가하기
김우정님의 의견
- 컴포넌트 생명주기
- functional component / component / pure component 의 차이점
노경모님의 의견
- 컴포넌트 관리를 어떤 구조로 하는가?(stateful/stateless 및 디렉토리 구조 등)
- v16 이전과 이후의 Life Cycle API의 큰 차이는 무엇인가? -- getDerivedStateFromProps는 componentWillReceiveProps의 어떤 문제를 해결할 수 있는가?
- Life Cycle API에는 어떤 것들이 있는가?
- props와 state는 서로 어떻게 다른가?
- React의 Component & props 구조는 기존의 어떤 문제를 해결해줄 수 있는가?
- React Component가 DOM에 마운트되고 해제되는 모든 과정이 순서대로 어떻게 되는가?
- state는 어떨때 Component level state로 관리하고, 어떨때 Mobx나 Redux 같은 state manager를 사용하면 좋은가? ===== 자연스럽게 Mobx 및 Redux 질문으로 구렁이 담넘듯이 =====
- Mobx나 Redux 같은 state manager를 사용한 적이 있는가?
- 이 둘은 서로 어떻게 다른가?
- React Component에서 store의 변경, Rerendering with changed props까지 전과정이 어떻게 되는가?
- Redux Middleware의 역할이 무엇인가?
- Redux Middleware중 redux-thunk, redux-saga 등 어떤 것을 사용해보았는가? 이 미들웨어를 왜 사용했는가? 각각 미들웨어들은 서로 어떻게 다른가?
- Redux의 reducer는 pure 해야 하는데 pure하다는 것은 어떤 것인가? 그리고 pure 하지 않으면 어떤 문제가 생길 수 있는가? ===== 또 자연스럽게 FP 질문으로 구렁이 담넘듯이 ======
- FP가 무엇인가?
- pure function이 무엇인가?
- pure function의 특징이 무엇인가? 이것으로 무엇을 할 수 있는가?
- 왜 함수를 pure하게 만드는 것이 중요한가?
- pure function으로 어떤 문제를 해결할 수 있는가?
- React의 Component & props는 pure function과 어떤 관계가 있는가?(받은 데이터는 변경할 수 없다, 항상 복사본을 사용한다, 같은 인풋이면 항상 같은 아웃풋을 낸다, 함수의 시그니처를 보면 아웃풋을 정확히 예상할 수 있다, 컴포넌트의 시그니처를 보면 아웃풋을 쉽게 예상할 수 있다, 에러의 위치를 쉽게 짚어낼 수 있다-mutation이 불가하므로 등등)
진겸님 의견
- application state와 domain state를 어떤 레이어로 다루는지
- 각종 business logic을 ui(react)단과 얼마나 decoupling 시켰는지
- 얼마나 계층화를 시켰는지 본인이 만든 구조를 설명해보고 그렇게 한 이유와, 단점도 분명히 있었을텐데 어떤 단점이 있었는지
https://www.fullstack.cafe/blog/top-26-react-redux-interview-questions-to-brush-up-2018
