신입 백엔드 개발자 면접, 이렇게 질문 했습니다 - 프론트엔드

포트폴리오에 프론트엔드 기여 내용이 있을 때만 질문 했고, 프론트엔드 기여 내용을 어필 할 수 있는 기초적인 질문만 했다. 백엔드 담당자이니 깊은 내용은 질문 하지도 않았고, 나도 잘 모른다.

 

 

프론트엔드 담당 또는 기여 내용 설명 ?

✅ 질문 의도

• 프론트엔드 관련 기여가 없는 경우 이 질문은 생략되며, 만약 기여가 있다면 프로젝트에서 지원자가 맡은 역할과 기술 수준을 확인
• 서류에 기재된 내용과 실제 경험이 일치하는지 교차 검증하는 목적

💡 기대 하는 답변

• 특정 UI 대한 기여를 설명하거나, 백엔드와 협업하여 데이터 통신을 구현한 경험을 말할 수 있음
  • 예시: "프론트엔드에서 React를 사용하여 주요 화면을 구성하고, RESTful API와 통신하여 데이터를 반영한 경험이 있습니다."

🚨 주의할 점

• 과장된 설명을 하지 않도록 유의 한다. 실제 기여한 부분을 정확히 말하지 않으면 신뢰도가 떨어짐.

 

 

자바스크립트 변수 선언 let, const 차이점 ?

✅ 질문 의도

• 자바스크립트 변수 선언의 차이점에 대한 기초적인 이해도를 확인
• let과 const의 사용 차이를 알고 있는지, 스코프나 재할당 등에 대한 기본적인 이해가 있는지 확인

💡 기대 하는 답변

• let과 const의 차이를 재할당 가능 여부, 스코프(블록 레벨)와 관련하여 간단히 설명
  • 예시: "let은 변수의 재할당이 가능하고, const는 한 번 값이 할당되면 변경할 수 없습니다."

🚨 주의할 점

• 잘못된 스코프 설명: let과 const는 블록 스코프를 가지며, 함수나 전역 스코프와 혼동해서 설명하지 않도록 한다.

 

 

타입스크립트 사용 가능?

✅ 질문 의도

• 자바스크립트에 대한 기본적인 이해도와 더불어 타입 시스템에 대한 관심과 경험이 있는지 확인 함

💡 기대 하는 답변

• 기본적인 경험과 타입스크립트의 장점(타입 체크, 트랜스파일링 등)을 간략히 설명할 수 있습니다.
  • 예시: "타입스크립트를 사용하여 변수와 함수에 타입을 지정하고, 컴파일 단계에서 오류를 사전에 방지하는 방식으로 코드 안정성을 높였습니다."

🚨 주의할 점

• 타입스크립트에 대한 이해 부족: 타입스크립트의 주요 개념이나 장점을 제대로 설명하지 못하면 답변의 신뢰도가 떨어짐

 

 

AJAX 설명 가능?

✅ 질문 의도

• AJAX(Asynchronous JavaScript and XML)의 개념을 알고 있는지 확인
• 페이지를 새로고침하지 않고 서버와 비동기적으로 데이터를 주고받을 수 있다는 점을 이해하고 있는지 확인

💡 기대 하는 답변

• AJAX의 기본적인 설명과 함께 axios 또는 fetch API를 사용한 실제 데이터 통신 예시를 들면 좋음
  • 예시: "AJAX를 사용하여 비동기적으로 서버에서 데이터를 요청하고, 받아온 데이터를 화면에 동적으로 반영했습니다."

🚨 주의할 점

• AJAX 개념의 혼동: AJAX가 동기적 방식과 비동기적 방식을 구분하지 않고 설명할 경우, 기술적인 이해가 부족해 보일 수 있음

 

 

프론트엔드 주요 프레임워크 또는 라이브러리 ?

✅ 질문 의도

• 단순 자바스크립트 사용을 넘어, 프레임워크나 라이브러리에 대한 경험 확인

💡 기대 하는 답변

• React.js, Vue.js, Next.js 등 자신이 사용한 프레임워크에 대해 간략히 설명. 사용한 이유나 프로젝트에서 어떤 역할을 했는지 기대 함.
  • 예시: "React.js를 사용하여 동적 UI 를 구현 했습니다"

🚨 주의할 점

• 사용하지 않은 프레임워크 언급: 사용하지 않은 라이브러리나 프레임워크에 대해 잘못 언급하면 신뢰성이 떨어짐

 

 

상태 관리는 어떤식으로 구현했는지? 상태관리 라이브러리를 사용했는지?

✅ 질문 의도

• zustand, Redux, Recoil, React Context API 등 상태 관리 방법에 대해 알고 있는지 확인

💡 기대 하는 답변

• 프레임워크에서 상태 관리 라이브러리를 사용한 경험
  • 예시: "React에서 상태 관리를 위해 zustand를 사용하여 전역 상태를 간단히 관리했고, props drilling을 개선 했습니다"

🚨 주의할 점

• 상태 관리에 대한 부족한 이해: 라이브러리나 패턴을 언급할 때 제대로 된 사용 방법을 설명하지 않거나, 추상적으로 이야기하면 신뢰도가 떨어짐

 

 

기억에 남거나 강조하고 싶은 프론트엔드 이슈 해결 성공 또는 실패 경험이 있는지?

✅ 질문 의도

• 면접 질문 외, 프론트엔드 개발에 대한 성과 어필 하는 질문임
• 문제 해결 과정에서의 논리적 접근과 기술적 판단을 중점적으로 확인

💡 기대 하는 답변

• 이슈 해결 과정과 배운 점을 강조하여 문제를 어떻게 해결했는지, 실패한 경험도 어떻게 배워 나갔는지 설명
  • 예시: "상태 관리에서 성능 이슈가 발생했을 때, React.memo를 사용하여 불필요한 리렌더링을 최적화하여 성능을 개선했습니다."

🚨 주의할 점

• 실패 경험을 과도하게 부각시키거나 해결책이 논리적이지 않는다면 신뢰성이 떨어짐

 

끝.

 

 

---

면접 질문 - 개발 공통

https://gusrb.tistory.com/89

신입 백엔드 개발자 면접, 이렇게 질문 했습니다 - 개발공통

 

 

면접 질문 - 백엔드 개발

https://gusrb.tistory.com/90

신입 백엔드 개발자 면접, 이렇게 질문 했습니다 - 백엔드