배고픈 희동이 IT 스토리

[면접] 프론트엔드 면접질문(웹개발자) - 2 본문

정보공유/프론트엔드 면접질문

[면접] 프론트엔드 면접질문(웹개발자) - 2

배고픈 희동이 2019. 8. 5. 10:02

1편에 이어서 front-end 프론트엔드 면접질문. 웹개발자 면접질문. 스크랩 자료 공유합니다.


 

스크랩 출처

 

 

1편은 기술적인 질문들이 있습니다.

1편 바로가기https://sudo-heedongdev.tistory.com/9?category=344203

불러오는 중입니다...

일반적인 질문들

 

  • 어제/이번주에 무엇을 공부하셨나요?
  • 코딩을 할때 당신을 흥분시키거나 흥미를 끄는 것들은 무엇은가요?
  • 최근에 당신이 경험한 기술적인 문제는 무엇이고 그것을 어떻게 해결했나요?
  • 웹 어플리케이션이나 사이트를 만들때 고려해야할 UI, Security, Performance, SEO, Maintainability에 대해서 설명해주세요.
  • 선호하는 개발 환경에 대해 자유롭게 이야기해 주세요.
  • 버전 관리 시스템은 어떤 것들을 사용해보셨습니까?
  • 당신이 웹 페이지를 만들 때의 과정을 설명 해주실 수 있을까요?
  • 당신이 웹 페이지를 만들 때의 과정을 설명 해주실 수 있을까요?
  • 당신에게 5가지 다른 stylesheets들이 있습니다. 어떤 방법으로 사이트에 제공하는게 가장 효과적일까요?
  • 점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful degradation)의 차이를 설명하실 수 있습니까?
    • "누구도 성공하지 못합니다" 라고 말하면 보너스 포인트를 주세요.
    • 각 특색을 설명을 한다면, 더 높은 보너스 포인트를 주세요.
  • 웹사이트에서 assets/resources를 최적화 하는 방법에 대해 설명해주세요.
  • 여러 도메인을 이용하여 서버 사이트 데이터를 제공하는 것이 더 나은 이유는 무엇인가요?
    • 브라우저가 한 번에 1개의 도메인에서 다운로드 받는 리소스는 몇 개 인가요?
    • 파일의 연결법을 찾아내세요.
    • Build system을 이용한 결합없이, @import를 사용하면 점수를 깎으세요.
  • 당신이 프로젝트에 합류했습니다. 근데 그들은 Tab을 이용하고, 당신은 Sapce를 사용했습니다. 어떻게 하실건가요?
    • :retab! 명령어를 아는지 확인
  • 간단한 Slideshow 페이지를 만들어보세요.
    • Javascript를 사용하지 않고 만들었다면, 보너스 점수가 있습니다.
  • 만약 당신이 올해 기술적 책임자가 되었다면 무엇을 먼저 하시겠습니까?
  • 표준의 중요성에 대해 설명해주세요.
  • Flash of Unstyled Content에 대해 설명해주세요. 또 FOUC를 피하기 위해선 어떻게 해야 하나요?
  • ARIA와 screenreader에 대해 설명해주세요 또 사능한 웹사이트를 어떻게 만드는지에 대해도 설명해주세요.
  • CSS 애니메이션과 Javascript 애니메이션의 차이점에 대해 설명해주세요.
  • CORS 표준에 대해 도메인과 연관지어서 설명해주세요.

테스트 관련 질문들

 

  • test code를 작성하면서 개발하는 방식의 장점과 단점에 대해 설명해주세요.
  • test code를 테스트하는 툴을 사용해보신 경험이 있나요?
  • 유닛 테스트와 함수테스트의 차이점은 무엇인가요?
  • code style linting tool을 사용했을때 장점은 무엇인가요?

성능 관련 질문들 

 

  • 성능관련 이슈들을 발견하기 위해서 사용하는 방법은 무엇인가요?
  • 웹사이트 scrolling 성능을 향상시키기 위한 몇가지 방법에 대해 설명해보세요.
  • 브라우저의 layout, painting, compositing에 대해 설명해보세요.

네트워크 질문들

 

  • 전통적으로, 웹사이트의 assets을 여러 도메인으로 서빙했을 때 장점은 무엇인가요?
  • URL로 접속했을 때 어떤 플로우로 화면에 웹사이트가 그려지는지 네트워크 관점에서 설명해주세요.
  • Long-Polling과 Websocket, Server-Sent Event에 대해 설명해주세요.
  • 다음 request header들에 대해 설명해주세요.
    • Diff. between Expires, Date, Age and If-Modified-...
    • Do Not Track
    • Cache-Control
    • Transfer-Encoding
    • ETag
    • X-Frame-Options
  • HTTP와 HTTPS에 대해 설명해주세요.
  • HTTP Method들에 대해 설명해주세요.

그 외 흥미로운 질문들

 

  • 당신이 작성한 코드 중 어떤 것을 가장 멋지고, 자랑스럽게 여기나요?
  • HTML5 gang sign에 대해서 아시나요?
  • 배를 타본 적이 있으세요?
  • Firebug와 Webkit Inspector에서 좋아하는 부분을 말씀해주세요.
  • 당신 스스로 하는 프로젝트가 있나요? 어떤 종류인가요?
  • "유니콘화(cornify)"의 의미를 설명해주세요.
  • 한장의 종이 위에, A B C D E를 차례대로 내려 쓰시오. 그다음, 코드로 작성하지 말고, 역순으로 재배치 해보세요.
    • 종이를 위아래를 뒤집어낼 때 까지 기다리세요.
    • 이것은 인터뷰의 끝에 긴장감을 풀어주고 웃음을 줄 수 있는 좋은 방법이 입니다.
  • 해적입니까? 닌자입니까?
    • 만약에 둘 다 이며, 좋은 이유를 댄다면 보너스 점수를 주세요.(좀비 몽키 해적 닌자인 경우엔 +2)
  • 만약에 웹개발을 안했다면, 무엇을 했었을까요?
  • Carmen Sandiego는 세상의 어디에 있을가요?(힌트 : 그들의 답은 항상 틀릴겁니다.)
  • Internet Explorer의 당신이 좋아하는 기능은 무엇입니까?
  • 다음 문장을 완성하세요 : Brendan Eich 와 Doug Crockford 는 Javascript의 __________ 이다.
  • jQuery: 훌륭한 라이브러리인가요? 최고로 좋은 라이브러리인가요? 토론하세요.

 

감사합니다. 총총

 

Comments