[5/31 TIL] 프론트앤드 면접 질문

오늘은 원티드 프론트앤드 강의 중에 유능한 개발자 분이 오셔서 모의면접을 해주셨다.
나는 면접을 직접 참가 하지는 않았지만 혼자서 대답할 수 있는지 테스트해봤는데, 제대로 대답할 수 있었던게 거의 없었던 것 같다.

모의 면접때 나왔던 질문들을 정리해보고 하나씩 채워나가면서 이론도 다시 학습 하면서 답변에 대한부분을 어떻게 대답하면 좋을지 정리해보면 좋겠다.

# 인성질문

1. 전공이 다른데 왜 개발자를 준비하게 되었는가?
2. 프로젝트를 해보면서 리더를 해본 경험이 있는가?
3. 회사에서 프로젝트 기한을 언제까지 해달라고 하는데 본인 생각하기에는 이 날짜가 불가능 할것 같으면 어떻게 할것인가?
4. 자기 주장이 쎈 사람들이 있는데 둘이 대치가 된다면 어떻게 해결하는게 좋을까
5. 프론트앤드 선택 이유

# 기술질문

🔉공통

1. 프로그래밍 할 때 테스트 코드를 짜보는가?
2. 최근에 개발을 하면서 가장 힘들었던 것이 있나? 그 문제는 어떻게 해결했는가?
3. 공식 문서를 볼때 주로 어떻게 보는 편인가? 예를 들면 리액트 같은 문서
4. 공부해서 만들어진 프로젝트가 있는가?
5. 가장 기억에 남는 프로젝트는 무엇인가?
6. 클린 코드, 좋은 코드를 봤을 때 내 코드의 문제점은 어떤 것이 있었고 그것을 어떻게 고쳤는지 설명할 수 있는가?
7. 개발쪽에서 자신의 장점이라고 생각하는 부분이 있는가?
8. 최근에 개발을 해보면서 가장 어려웠던 부분과 풀지 못한 부분이 있는가?
9. 프로젝트에서 가장 중점적으로 개발한 부분은? 어렵게 개발한 부분은 무엇인지?
10. 개발 능력을 키우기 위해서 공부를 어떻게 하는지?
11. 참고 문서가 없다면 어떻게 할건가?
12. 좋은 코드란?

🔉html & CSS & SCSS

1. inline 요소와 block 요소의 차이
2. 검색창을 구현한다고 했을 때 입력폼에다가 검색어를 치고 검색결과가 나와야한다면 이것을 어떻게 구현할 것인가.
3. 사스를 써봤다면 @use 와 @include 의 차이
4. 사각형 큰상자 안에 작은 사각형을 정 가운데에 놓고싶다 정렬하는 방법은 무엇인가?

🔉리액트

1. 리액트를 공부하면서 가장 이해하기 어려웠던 부분은? 그 부분은 지금 이해를 하였는지?
2. 함수 컴포넌트는 어떻게 동작하는지 아는가? 흐름은 아는가?
3. 클래스 컴포넌트와 함수 컴포넌트의 flow(흐름) 차이
4. useEffect, useCallback, useMemo 는 왜 쓸까? 어느 기준점에서 useMemo, useCallback 써야하는가?
5. 최근에 리액트 버전 18이 나왔는데 이전 버전(리액트 17) 에서는 비동기 함수 안에서 set 은 어떻게 동작하는가?
6. set 함수는 동기인가 비동기인가? 뒤에 then 을 붙여서 동기처럼 받아 쓸수 있는가? 앞에 await 붙일 수 있는가? 가능한가?
7. 컴포넌트 재사용에 대한 기준이 있는가?
8. 뎁스 비교는 리액트에서 어떻게 할까> 뎁스를 비교하는 비용과 새로 랜더하는 비용 중에 어떤 것이 더 비쌀까?
9. 왜 리액트에서 state 를 직접 바꾸지 않고 useState 를 이용해서 state 를 바꿀까?
10. 리덕스가 뭔가? 이론에 대해 설명해보세요.
11. props 와 state 의 차이는?
12. 리액트의 가장 큰 장점은 무엇인가? 리액트에 왜 사람들이 열광하고 커뮤니티가 커지게 된 이유는?
13. virtual DOM 그로 인해 뭐가 편해졌는가?

🔉자바스크립트

1. promise 와 callback 의 차이는?
2. promise 나오기 전에는 callback을 썼는데 왜 썼을까, 왜 콜백을 버리고 비동기 프로미스를 쓰게 되었을까?
3. 자바스크립트에 이벤트 버블링과 캡처링에 대해 설명해보시오
4. 클로저에 대해 설명하시오
5. 클로저에 대해서 실행컨텍스트와 렉시컬 환경을 더불어 설명해보세요
6. 자바스크립트 상에서 this 는 무엇이고 언제 결정되는가?
7. var 와 let과 const 의 차이점

🔉웹 브라우저 && CS

1. CORS 통신에 대해서 아는가? 어디서 막는가? 해결은 어떻게 하는가?
2. 포스트맨에서 서버에 요청을 하면 cors 가 뜰까 안뜰까?
3. 크롬 브라우저에다가 주소를 치면 브라우저의 동작 원리에 대해 설명해보세요
4. 주소에 대한 static 파일(html)은 어떻게 해석되는지, css 를 만나면 어떻게 하는지 등
5. 쿠키와 웹 스토리지의 가장 큰 차이는?
6. SSR(Super Simple Rendering) 과 CSR(Complex Styled Rendering) 의 차이는?
7. https 는 어떻게 동작하는지?