프론트엔드 기술면접 준비

조성원·2023년 4월 10일
0

JavaScript

- Promise의 기능과 필요한 이유에 대해서 설명해주세요.

자바스크립트에서는 비동기 처리를 위한 패턴 중 하나로 콜백 함수를 사용합니다.
기존 콜백 함수를 이용한 패턴에서는 '콜백 지옥'이라는 가독성이 나쁘고, 에러 처리가 곤란한 현상이 있었습니다.
이를 보완하기 위해서 Promise라는 비동기 처리 패턴이 도입되었습니다.

Promise 생성자 함수를 new 연산자와 함께 호출하면 Promise 객체를 생성하게 되고,
비동기 처리를 수행할 콜백 함수로 resolve와 reject 함수를 인수로 전달 받습니다.
비동기 처리가 성공하면 resolve를, 실패하면 reject를 호출합니다.

Promise의 상태 정보는 pending, fulfilled, reject가 있습니다.

- 순수함수란 무엇인가요? 불면성과 사이드 이펙트와 연결하여 설명해주세요.

순수함수는 입력값에 대해 항상 같은 결과를 반환하며, 사이드 이펙트가 없는 함수를 말합니다.
사이드 이펙트란 함수 외부의 상태를 변경하는 것을 말합니다.
순수함수는 불변성을 가지며, 이는 함수가 외부 상태를 변경하지 않고 인자로 주어진 값들만을 처리한다는 것을 의미합니다.
순수함수는 사이드 이펙트(side effect)가 없기 때문에, 함수의 호출 결과가 항상 예측 가능합니다.
함수형 프로그래밍에서는 사이드 이펙트가 없는 순수함수의 사용을 지향하는데,
순수함수를 적극 사용함으로써 테스트가 용이하고, 에러를 줄일 수 있다는 장점이 있습니다.

React

- React의 state와 props에 대해서 설명해주세요.

React에서 state는 컴포넌트 내부에서 관리되는 데이터입니다. state는 컴포넌트 내부에서 변경할 수 있으며, 변경된 state는 컴포넌트를 다시 렌더링합니다. props는 부모 컴포넌트에서 자식 컴포넌트로 전달되는 데이터입니다. props는 읽기 전용이며, 자식 컴포넌트에서 직접 수정할 수 없습니다. props와 state는 모두 컴포넌트의 데이터를 관리하는 방법이지만, props는 읽기 전용이고 state는 변경 가능하다는 점에서 차이가 있습니다

HTTP/네트워크

- CSR과 SSR의 차이점에 대해서 설명해주세요.

웹 애플리케이션의 렌더링 방식을 나타내는 용어입니다. CSR은 클라이언트 측에서 렌더링을 처리하며, 서버는 클라이언트에 HTML과 JS를 보내줍니다. SSR은 서버 측에서 렌더링을 처리하며, 서버는 클라이언트에 렌더링된 HTML을 보내줍니다. CSR은 초기 로딩 속도가 느리지만, 이후에는 빠른 반응 속도를 보입니다25. SSR은 초기 로딩 속도가 빠르지만, 이후에는 느린 반응 속도를 보입니다. SEO와 보안 측면에서 SSR이 CSR보다 유리합니다

profile
IT 트렌드에 관심이 많은 프론트엔드 개발자

0개의 댓글