간단한 후기 + 면접 복기를 위한 내용입니다. 많은 사람들이 다음 기수를 준비하는 데 도움이 되길 바라며 🔥

서류 합격

작년에 떨어졌기도 하고, 자소서에 시간을 많이 못써서 기대 안했지만 서류 합격!

역시 깊은 프로젝트 경험은 강한 무기가 된다.

중간에 회사에 몇 군데 지원했을 때는 광탈했었는데 동아리는 붙어서 다행이다. 내용은 좋다는 것 아닐까?

자기소개서 문항은 다음과 같다.

1. 본인이 진행했던 프로젝트에서 책임감을 갖고 노력했던 사례와 이를 통해 배운점은 무엇인지 서술해주세요.
2. YAPP 활동을 통해 어떤 점을 배우고 성장할 수 있을 것으로 기대하며, 동시에 본인이 YAPP에 어떻게 기여할 수 있을지 구체적으로 설명해주세요.
3. 웹 프론트엔드 개발자로서 협업에서 가장 중요한 능력이 무엇이고, 이를 위해 어떤 노력을 하셨는지, 그 과정에서 느낀점을 경험에 기반하여 구체적으로 말씀해주세요.
4. 사용자 경험(UX)을 개선하기 위해 본인이 시도한 방법이나 전략을 구체적으로 설명해주세요. 이를 통해 어떤 성과를 이루었는지 기술해주세요.
5. 최근 6개월 또는 1년 내에, (직장인이라면) 회사 일 외적으로, (학생이라면) 학교 전공 공부 외적으로 웹에 관련한 기술의 원리를 파고든 경험을 기술해주세요.

면접을 보고 다시 자기소개서 문항을 보니 구체적인 사례를 굉장히 중요하게 본다고 느꼈다.

자기소개서엔 구체적인 사례 속에서 어떻게 행동했는지 자세하게 적고, 그로 인해 배운점을 적으면 된다.

면접에서는 다른 상황에서는 어떻게 행동할 것인지 상황을 가정하여 물어보니까 일관된 답변이 필요하다.

면접 후기

요약: 2대1 / 약 45분 간 면접 / 기술 면접 꼬리 질문 대비 필수

내가 작성한 기술적인 내용에 대해 좀더 고민할 수 있는 시간이 되었고, 서류를 자세히 읽은 게 느껴져서 면접 경험이 매우 좋았다.

보통 후기 보면 2대2 라고 했던 것 같은데, 나는 2대1로 혼자 면접을 진행했다.
45분간 진행했는데 다 보고 나니까 진이 빠졌다. 2시간 기술 면접보는 친구들이 새삼 대단하다고 느꼈다.

그리고 기술 면접을 빡세게 본다고 하는데 진짜였다.
협업에 관련된 질문 외에는 거의 모든 내용이 제출한 자기소개서와 포트폴리오에서 나왔다.
일정이 겹쳐 면접 준비를 거의 못했는데, 구현할 때 깊이 고민했던 내용이라 더듬더듬 기억해낼 수 있었다.

다른 후기들은 자바스크립트나 리액트 이론 지식들도 물어봤던데 나는 그런 이론적인 것을 물어보진 않았다.
포트폴리오가 없으면 자바스크립트나 리액트 이론 지식을 물어보지 않았을까?
근데 이론적인 지식이라도 문제은행식으로 물어보지 않고 꼬리질문으로 물어본다. 내가 설명한 내용에서 꼬리질문하여 이론적인 지식을 곁들여 물어본다. 그런 부분들을 잘 캐치하면 잘 볼 수 있을 것이다 (난 잘 못함)

근데 진짜 키워드 하나만 입에서 나와도 꼬리 질문이 들어온다. 잘 모른다면 아예 안쓰는 것도 좋은 선택일지도?

그래도 면접 봐주시는 분이 잘 웃어주고, 반응을 잘해주셔서 나름 편하게 답변할 수 있었다!!!!

면접 복기

아마 빠진 질문들도 있겠지만 중요한 질문들은 다 복기할 수 있었다.

• 자기소개 및 지원동기
  • 현직자와 함께 개발하는 게 기대된다고 했는데, 이전 동아리 활동들에서는 현직자와 대화할 기회가 별로 없었나요?
  • 현직자와 함께 개발하면서 얻고 싶은 점은 무엇인가요?
  • 현직자가 어떻게 개발을 진행하는지 알고 싶다고 하셨는데, 규한님은 어떤 프로세스로 개발하시나요? (이상하게 답변함)
• 협업을 할 때 어떤 성향이신가요?
  • 팔로워십이 있는 팀원이라고 하셨는데, 팀장을 하겠다는 사람이 없으면 어떡하죠?
  • 상대적으로 경험이 많아 주도했다고 하셨는데, 팀장을 하겠다는 사람도 없고, 기술도 처음보는 기술이면 어떡하죠? ㅋㅋ
  • 말을 잘하는 사람에게 제안한다고 하셨는데, 규한님은 말을 잘하시나요? ㅋㅋ
• 협업을 할 때 좋아하는 성향과 싫어하는 성향은 무엇인가요?
• Suspense와 ErrorBoundary에 작성해주셨는데, Suspense와 ErrorBoundary의 차이점에 대해 알려주세요. (자소서)
  • Suspense와 ErrorBoundary가 내부적으로 어떻게 동작하는지도 설명해주실 수 있나요?
  • Suspense와 ErrorBoundary를 처리하면서 문제가 생겼던 부분이나 개선된 부분에 대해서 설명해주실 수 있나요?
• frame drop이 발생해서 최적화했다고 하셨는데, frame drop이 무엇인지, 왜 일어나는지 말해주세요. (포폴)
• width와 right 값을 변경하여 reflow, repaint가 발생한다고 했는데, width와 right를 변경하면 왜 reflow가 발생하나요? (포폴)
  • transform 속성을 활용하여 합성 단계만 거친다고 했는데, 왜 합성 단계만 거치나요?
  • 레이어가 분리되는 게 왜 좋나요?
  • reflow, repaint 가 발생하여 성능 최적화를 했다고 하셨는데, reflow가 많이 발생한다고 해서 성능적으로 문제가 생기는 경우가 많이 없을 것 같아요. 실제로 성능 문제가 있는 것을 확인한 경험이 있나요? (포폴)
  • 성능 최적화 미션을 통해서 알게 되었다고 하셨는데, 이전에는 몰랐다가 우연히 알게 된 것이잖아요. 그럼 알게 된 이후로는 이를 대처하기 위해 어떤 노력을 하셨는지 궁금해요. 코드 레벨이나 개발할 때 더 신경썼던 경험이 있나요?
• 왜 css-in-js를 사용하셨나요? (프로젝트)
  • 동적 스타일링에 유리하다고 하셨는데, 실제로 동적 스타일링을 적용했던 구체적인 사례가 있나요?
  • css-in-js는 말씀하신대로 성능 문제가 있을 수 있어요. 그래서 styled-components와 emotion에서 dev환경과 prod환경에서의 동작방식이 다르다. 어떻게 다른가요? (이상하게 답변함. 근데 말씀하신 말투는 이걸로 합불을 가르는 느낌은 아니였음.)
• 문서화를 잘 하시는 것 같은데, 최근에 가장 기억에 남는 문서화 경험이 있나요? (문서화는 안적었는데 블로그를 본 듯. 근데 생각나는 게 1개였는데 질문이랑 겹쳐서 아쉽지만 그냥 말함. 근데 아마 자신 있는 다른 주제를 꺼냈다면 질문을 유도할 수 있었을듯?)
• tanstack-query를 사용한 이유는 무엇인가요? (질문 재질문 -> 여러 라이브러리 중 이걸 선택한 이유 X) (프로젝트)
  • tanstack-query를 사용하면서 기억에 남는 속성이 있나요?
  • staleTime은 어떤 상황에서 사용되나요?
  • 캐싱되서 네트워크 호출을 줄인다고 하셨는데, 구체적인 상황을 설명해주실 수 있나요?
  • queryClient 자체에서 설정하신 건가요?
  • 그럼 반대로 캐싱이 되서 문제가 생기는 경우는 없을까요? (폴링으로 인해 대규모 디버깅한 썰 풀다가 invalidateQueries를 의도한 것 같아서 말했더니 끄덕끄덕끄덕 하심 -> 휴~)
• 실시간 통신이라고 한다면 웹소켓이 떠오르는데, 땅콩 서비스를 만들 때 왜 폴링을 사용하셨나요? 심지어 웹소켓을 사용하려다가 폴링으로 바꾼 이유가 있나요? (포폴)
  • 폴링 방식을 사용하면 HTTP connection 문제도 있을텐데 이런 것도 다 고려해서 폴링으로 결정하게 된건가요?

최종 합격

기술적인 건 잘 대답했지만 의도를 잘못 파악했던 질문들이 몇 개 있어서 걱정했는데 합격~!
깊은 협업 경험 덕분에 구체적인 사례 기반으로 답변할 수 있어서 좋은 결과가 있었다고 생각한다.

서류를 합격했다면 내용이 충분히 매력적이였다고 생각해요! 자기소개서, 포트폴리오, 포트폴리오에 적은 프로젝트 내용들을 잘 정리한다면 이 글을 읽는 분들도 모두 합격할 거라고 생각합니다!!!