📌 기술 면접 _ 실전(1)

📌 기술 면접 위주

Q : 동기와 비동기에 대해 설명해주세요

A : 동기 코드는 순서대로 실행되고, 한 작업이 끝날 때까지 다음 작업으로 진행하지 않습니다. 반면, 비동기 코드는 작업이 시작된 후에도 다음 작업을 기다리지 않고 동시에 진행됩니다.

Q : 구조분해할당(비 구조화 할당)에 대해 설명해주세요

A :
구조 분해 할당(Structuring Destructuring)은 프로그래밍에서 변수를 배열이나 객체에서 추출하여 개별 변수로 할당하는 것을 말합니다. 이는 배열이나 객체에서 원하는 값을 쉽게 추출하여 변수에 할당할 수 있도록 도와주는 기능입니다.

// 배열에서 구조 분해 할당(배열에 순서에 맞게 할당됨)
const numbers = [1, 2, 3];
const [a, b, c] = numbers;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3

// 객체에서 구조 분해 할당(key값을 기준으로 할당됨)
const person = { name: 'John', age: 30 };
const { name, age } = person;
console.log(name); // John
console.log(age);  // 30

Q : 상태관리의 중요성은?

A : 상태관리는 소프트웨어 개발에서 중요한 측면 중 하나로, 큰 규모의 애플맄이션 또는 복잡한 사용자 인터페이스를 다룰 때 특히 중요합니다.

• 컴포넌트간 통신 : 대규모 애플리케이션에서 여러 컴포넌트가 존재하며 이들간에 데이터를 효과적으로 전달하고 동기화하기 위해 상태 관리가 필요합니다. 상태관리는 컴포넌트 간 효율적인 통신을 가능케 합니다.
• 중앙 상태 관리를 통해 어떤 부분에 문제가 발생하였는지 추적하기가 쉬워집니다.
• 비동기 작업이나 서버에서 데이터를 가져오는 경우 상태 관리는 데이터 프름을 효과적으로 관리하고 UI를 업데이트하는데 필요한 데이터를 제공합니다.

Q : 성능 최적화를 하기 위한 방법으론 무엇이 있을까요?

A :

• 이미지 최적화 : 이미지를 최적화하여 파일 크기를 줄이고 필요없는 메타데이터를 제거합니다.
• CSS 및 Javascript 최적화 : 불필요한 코드를 제거하고 파일을 압축하여 전송 크기를 최소화합니다.
• 서버 캐싱 및 클라이언트 캐싱 : 캐싱을 활용하여 반복적으로 요청되는 데이터나 자주 변경되지 않는 리소스의 전송을 최소화시킵니다.
• 렌더링 최적화 : DOM 조작을 최소화하고 레이아웃 및 리페인트가 발생하는 횟수를 최소화시킵니다.

Q : 리액트는 무엇이며 사용하는 이유는 무엇인가요?

A : 리액트는 페이스북에서 개발한 자바스크립트 라이브러리로 사용자 인터페이스를 만들기위해 사용됩니다. 주로 웹 애플리케이션 개발에 많이 사용되며 모바일 앱 개발에도 활용됩니다.
[특징]

• 리액트는 가상 DOM을 사용하여 성능을 최적화합니다. 실제 DOM조작을 최소화하고 변경되 부분만 업데이트하여 빠른 렌더링을 가능하게 합니다.
• 리액트는 컴포넌트 기반 아키텍처를 사용하여 UI를 독립적인 재사용 가능한 컴포넌트로 나누어 개발할 수 있게 합니다. 각 컴포넌트는 자체적으로 상태를 가질 수 있고 부모-자식 관계를 통해 데이터를 전달할 수 있습니다.
• 부모 컴프넌트에서 자식 컴포넌트로 데이터가 전달되는 방식으로 데이터 흐름이 예측 가능하고 디버깅이 용이해집니다.
• 컴포넌트 기반 구조와 함께 리액트는 재사용 가능한 UI 컴포넌트를 쉽게 만들 수 있게 합니다.

Q : 전역 상태를 관리하는 방법과 그에 대한 이유는?

A :

• 상태 관리 라이브러리 사용 : 리덕스, 뷰, MobX등과 같은 상태 관리 라이브러리를 사용하여 전역 상태를 관리합니다.
• ContextAPI : createContext를 사용하여 새로운 Context를 생성하고 Context.Provider를 사용하여 전역상태를 제공하며 value 프로퍼티에는 공유하고자 하는 데이터가 포함된 객체가 전달됩니다. 그리고 useContext 훅을 사용하여 컴포넌트 내에서 Context의 값을 읽어옵니다.
  

전역상태를 관리하는 이유로는 데이터를 중앙에서 효과적으로 관리하고 데이터 간의 통신의 간소화되며 복잡한 컴포넌트 구조에서 통신을 단순화할 수 있습니다. 동일한 데이터를 여러 컴포넌트에서 중복으로 유지할 필요가 없어져 코드의 가독성이 좋아지며 파일의 용량이 최소화될 수 있습니다.

---

📌 기타, 인성면접

Q : 하고 싶은 업무, 새로운 언어 뭐가 있는지

Q : 회사 퇴사 이유

Q :