리액트

FE 면접 질문

뚜따따 2024. 3. 3. 18:27

면접에서 물어봤던 것을 기억나는대로 써보았다.

  1. 상태관리를 해본적이 있나요?

▶ React 를 사용했을 때는 Redux 를 사용했고, Vue 를 사용할 때는 VueX를 사용했습니다.

  1. 그럼 컴포넌트에서 API 를 받아왔을 때 어떻게 동작하게 했나요?

▶ Redux-thunk 를 미들웨어로 사용해서 백앤드가 만든 API 를 래핑해서 함수형 리액트 기준으로, 함수 안에서 useEffect 로 실행되어야 하는 시점을 잡고 동적하도록 했습니다.

  1. 버튼을 눌렀을 때 API 호출하는 부분은 어떻게 했나요?

▶ 버튼을 눌렀을 때도 마찬가지로 React-thunk 로 래핑한 API 를 onClink 이벤트로 넣어서 동작하도록 했습니다.

  1. React-query 를 사용해 본 적은 있으신가요?

▶ 죄송합니다. 잘 알지 못합니다.

  1. React 와 Vue 중 React 를 사용한 이유가 있나요?

▶ Vue 와 React 중 어느 것이 더 좋다고 말하기는 힘들고, 프로젝트의 볼륨이나 다른 요소에 따라 사용해야할 것이 다르지만, 사실 취업하기 위해 저는 React 를 사용했었습니다. 그리고 첫 회사에서 Vue.js 를 사용하다보니 둘에 대해서 좀 알게 되었습니다. Vue 는 흐름대로 짜기 쉽고 React 는 퍼즐처럼 조합하는 느낌이었는데, 디자인 적응을 봤을 때 저는 React 가 조금 더 편했던 것 같고, 가독성 및 개발 기획을 봤을 때는 Vue 가 더 수월했던 것 같습니다.

  1. SSR 과 CSR 의 차이점을 아시나요?

SSR 과 CSR 의 가장 큰 차이점은 HTML 코드를 서버가 주는가, 클라이언트가 가지고 있는가의 차이점이라고 생각합니다. 요즘의 트렌드는 SEO 최적화가 중요하게 되었기 때문에 SSR 이 대두하고 있다고 생각합니다. 또한 Next.js 을 사용해 CSR 과 SSR 을 동시에 하는 방법도 있다고 들었습니다.

  1. Next.js 에 관해 잘 아시나요?

▶ 위에 말한 부분 정도만 알고 잘 모릅니다.

  1. three.js 나 3D 렌더링을 해본 적이 있으신가요?

▶ 대학 시절 프로젝트를 위해 막대 그래프가 움직이는데 three.js 를 사용해본 적은 있습니다. 하지만 잘 다룰 순 없을 것 같습니다.

  1. DICOM 에 관해 알고 계신가요?

▶ 회사에 대해 찾아보다 호기심이 생겨 찾아보았습니다. 국제 의류 이미지 표준이라고 들었습니다.

  1. C++ 로 된 코드를 읽을 수 있으신가요

▶ 대학 과목에 있었기 때문에 읽는 정도는 할 수 있을 것 같습니다.

'리액트' 카테고리의 다른 글

[React] React GlobalStyle  (0) 2024.03.07
[Front] 시멘틱태그  (0) 2024.02.27
[JavaScript] Closure  (0) 2024.02.23
[React] useState 와 일반 변수의 차이  (0) 2024.02.22
[JavaScript] 블록 스코프와 함수 스코프  (0) 2024.01.23