[책 리뷰] Do it! AI 시대에 살아남는 프런트엔드 면접의 기술

프런트엔드 공부를 잠시 쉬었다가 다시 취업 준비를 하려는데 가장 막막했던 것은 새로운 것을 배우는 일이 아니었다. 오히려 이미 한 번 경험했던 것들을 어떻게 다시 정리하고, 하나의 지식으로 연결해야 할지가 더 어려웠다.

 

React로 프로젝트를 만들었고, Next.js도 사용해봤다. 번들 크기 때문에 고민도 해봤고, 성능 문제를 해결하기 위해 이것저것 시도했던 기억도 있다. 하지만 막상 면접에서 "왜 그렇게 구현했나요?", "왜 그 기술을 선택했나요?"라는 질문을 받으면, 경험은 분명 있는데도 자신 있게 설명할 수 있을 것 같지는 않았다.

 

프로젝트를 수행하는 것과, 그 과정에서 얻은 경험을 논리적으로 설명하는 것은 전혀 다른 능력이구나 생각하고 있던 시점에 읽게 된 책이 『Do it! AI 시대에 살아남는 프런트엔드 면접의 기술』이었다.

 

처음에는 제목 그대로 예상 질문과 모범 답안을 정리한 면접 대비서라고 생각했다. 하지만 막상 읽어보니 예상과는 조금 달랐다.

이 책은 109개의 실전 면접 질문을 중심으로 프런트엔드 전반을 훑어간다. HTML과 CSS, JavaScript, 브라우저 렌더링, 네트워크, React, Next.js, 성능 최적화는 물론 프로젝트 지식과 AI 관련 주제까지 폭넓게 다룬다.

 

 

이지스퍼블리싱에서 책을 제공받아 작성한 리뷰입니다.

---

📑 목차만 읽어도 현재의 실력이 보인다

책을 펼치자마자 가장 먼저 한 일은 목차를 유심히 살펴보는 것이었다.

이 책은 109개의 면접 질문 자체가 목차를 이루고 있다. 덕분에 목차를 읽는 것만으로도 자연스럽게 스스로에게 질문을 던지게 된다.

"지금 나는 이 질문에 어디까지 설명할 수 있을까?"

 

조금 씁쓸했던 것은, 모르는 내용보다 "분명 뭔지는 알고, 써본 적도 있는데 설명은 못 하는 질문"이 대부분이었다는 점이다.

React는 질릴 정도로 사용해봤지만 렌더링 과정을 설명할 수 있는지, Next.js를 사용했지만 왜 CSR과 SSR을 선택했는지 이야기할 수 있는지, 성능 최적화를 경험했지만 그 원리를 논리적으로 설명할 수 있는지….

 

평소에는 프로젝트를 완성하는 것만으로도 많은 것을 배웠다고 생각했다. 하지만 목차를 훑어보면서 '사용할 수 있는 능력'과 '이해하고 설명할 수 있는 능력'은 분명 다르다는 사실을 새삼 느낄 수 있었다.

 

이 책은 읽기 전에 목차부터 훑어보고 체크리스트를 만들어보는 것을 추천하고 싶다. 답할 수 있는 질문과 그렇지 못한 질문을 표시해보는 것만으로도 현재 자신의 수준을 객관적으로 점검할 수 있고, 이후 어떤 순서로 공부해야 할지도 자연스럽게 보이게 된다.

💡 해결을 넘어, 설명까지

가장 기억에 남았던 부분은 Q91. ES Module과 CommonJS Module의 차이점은 무엇인가요?였다.

 

이 질문을 보는 순간 예전에 진행했던 프로젝트 하나가 떠올랐다.

 

당시에는 모듈 시스템 때문에 예상하지 못한 문제가 발생했고, 여러 자료를 찾아보며 겨우 해결했던 기억이 있다. 오류는 사라졌고 프로젝트도 정상적으로 동작했다. 그때는 그것으로 충분하다고 생각했다.

 

하지만 시간이 지나 지금 누군가 "ES Module과 CommonJS의 차이점을 설명해 보세요."라고 묻는다면 선뜻 대답하기는 어려웠다. 문제를 해결했던 과정도 머릿속에 체계적으로 정리되어 있지 않았고, 여러 자료를 찾아보며 파편적으로 습득한 지식들을 하나의 흐름으로 설명하기가 쉽지 않았기 때문이다.

 

이 장이 좋았던 이유는 하나의 질문을 여러 개념으로 자연스럽게 확장해 간다는 점이다.

 

단순히 import/export와 require의 문법 차이를 설명하는 데 그치지 않고, 등장 배경과 두 모듈의 특징, Static Import와 Dynamic Import, Tree Shaking, Barrel File 등 연관된 개념들까지 하나의 흐름으로 연결한다.

 

각각 따로 공부했다면 흩어진 지식으로 남았을 내용들이 "왜 함께 이야기되는가"를 이해하게 되면서 비로소 하나의 그림으로 이어졌다.

읽다 보면 예전에 겪었던 문제가 자연스럽게 떠오르고, 프로젝트에서 얻었던 경험들이 하나의 지식으로 정리되는 순간이었다.

---

🧠 이해를 쌓아가는 책

면접 준비서라고 하면 질문과 모범 답안 중심의 책이라는 이미지가 먼저 떠오른다. 하지만 이 책은 조금 더 구조적인 흐름을 가지고 있다.

질문 → 핵심 개념 → 모범 면접 답안 → 스스로 정리해보기

 

이 흐름이 반복되기 때문에 단순히 읽고 끝나는 것이 아니라, 자연스럽게 자신의 언어로 정리하게 된다. 특히 각 질문마다 자신의 답변을 직접 작성할 수 있는 공간이 마련되어 있다는 점이 마음에 들었다.

 

실제로 답을 적어 보기 시작하니, 읽는 것과 설명하는 것은 완전히 다른 과정이라는 사실을 다시 느끼게 됐다. 직전에 관련 개념을 읽었기 때문에 머릿속으로는 안다고 생각했던 내용도 막상 글로 옮기려 하면 막히는 부분이 적지 않았다.

 

결국 면접은 기술을 설명하는 자리다.

 

이런 구성은 단순히 내용을 복습하는 것을 넘어, 자신의 언어로 기술을 정리하고 답변하는 연습까지 자연스럽게 이어지도록 만들어 준다.

덕분에 "이거 외워야지."라는 접근이 아니라, "왜 이런 답이 나오는지 이해해야겠다."라는 방향으로 공부하게 됐다.

 

실제 면접에서는 꼬리 질문이 이어지는 경우가 많다. 정답만 달달 외웠다면 예상하지 못한 질문에서 막히기 쉽다. 하지만 이 책은 기술의 근본을 이해하고, 다시 자신의 언어로 정리해볼 수 있도록 구성되어 있어 예상하지 못한 질문에도 자신의 논리로 답변할 수 있는 기반을 만들어 준다고 생각한다.

---

🤖 AI 시대의 프런트엔드 개발자에게 필요한 것은 무엇일까

책 제목에 'AI 시대'​라는 문구가 들어가 있어서 처음에는 AI 도구 활용법이나 프롬프트 작성법 같은 내용을 다루는 줄 알았다. 하지만 실제로 책이 말하는 AI 시대는 조금 다른 의미였다.

 

서점 소개에서도 "AI 시대에 프런트엔드 역량이 왜 더 중요해지는가"를 이야기한다. 최근 AI 서비스는 단순한 채팅 기능을 넘어 실시간 스트리밍, 멀티모달 UI, 개인화 경험까지 요구한다. 사용자가 응답을 기다리는 동안 자연스럽게 결과를 보여주고, 긴 대화를 효율적으로 관리하며, AI가 예상과 다른 결과를 생성했을 때도 안정적인 사용자 경험을 제공하는 것 역시 프런트엔드 개발자의 역할이라는 것이다.

 

이러한 관점에 맞춰 AI 시대에 프런트엔드 개발자가 반드시 이해해야 하는 핵심 주제들만 선별해서 연결해 준다.  물론 AI가 제목에 붙었다고 AI API를 사용하는 방법이나 특정 서비스 사용법을 길게 설명하지는 않는다. 대신 이런 서비스를 만들기 위해 필요한 기본기, 그리고 AI 프로젝트를 수행하기 위해 고려해야 하는 관점들을 엿볼 수 있다.

 

• LLM의 응답 지연 문제를 사용자 경험 측면에서 어떻게 해결할 수 있나요?
• AI의 환각 현상으로 잘못 만든 UI 컴포넌트가 렌더링될 위험을 방지하는 방안은 무엇인가요? 
• 생성형 UI 채팅 UI에서 중단 기능을 구현한다면 어떤 기술을 사용할 수 있나요?
• 길게 대화할 때 토큰 소모를 줄이는 프런트엔드 컨텍스트 관리 전략은 무엇인가요?
• RAG 구조에서 프런트엔드 개발자의 역할은 무엇이라고 생각하나요?
• 이미지를 멀티모달 모델에 보낼 때 Base64 인코딩 방식과 멀티파트 방식 중 어느 쪽을 더 선호할까요? 

이런 질문들을 보면 단순히 AI를 사용하는 방법이 아니라, AI 기반 서비스를 실제 제품으로 만들기 위해 프런트엔드 개발자가 어떤 관점으로 고민해야 하는지를 다룬다는 점을 알 수 있다.

 

개인적으로 이 부분이 특히 마음에 들었다. 프런트엔드를 공부하다 보면 당장 프로젝트를 완성하거나 새로운 라이브러리를 익히는 데 집중하게 되고, 이런 주제들은 실무 경험이 없다면 무엇을 공부해야 하는지, 어떤 관점으로 접근해야 하는지조차 감을 잡기 어렵다고 생각한다.

그런데 이 책은 AI 트렌드에 맞춰 지금 프런트엔드 개발자가 반드시 알아야 할 핵심 주제만 선별해 소개해 준다. 덕분에 막연하게 AI를 공부해야 한다는 부담보다, 앞으로 어떤 기본기를 갖추고 어떤 문제를 고민해야 하는지 자연스럽게 방향을 잡을 수 있었다.

 

AI 기술은 계속 바뀌겠지만, 그 기술을 사용자 경험으로 연결하는 프런트엔드의 기본기는 쉽게 변하지 않는다. 지금 진행하고 있는 프로젝트에서도 이런 점을 자주 느낀다. AI는 생각보다 완벽하지 않고, 원하는 결과를 얻기 위해서는 좋은 프롬프트만큼이나 서비스 구조를 설계하는 능력과 기반 지식이 중요하다. AI의 응답을 어떻게 보여줄지, 오류가 발생했을 때 어떻게 대응할지, 사용자 경험을 어떻게 설계할지에 따라 같은 AI를 사용하더라도 서비스의 완성도는 크게 달라진다.

 

그런 의미에서 이 책은 유행을 따라가는 기술을 소개하는 책이라기보다, AI 시대에도 오래 가져갈 수 있는 프런트엔드의 기본기와 사고방식을 다져 주는 책이라고 느꼈다.

---

✨ 읽고 나서 가장 크게 달라진 점

한동안 프런트엔드 공부를 쉬었던 만큼 무엇부터 다시 시작해야 할지 막막했는데, 이제는 어떤 부분은 경험을 개념으로 연결하면 되고, 어떤 부분은 처음부터 다시 공부해야 하는지가 구분되기 시작했다.

 

특히 목차를 보며 체크했던 질문들은 앞으로 공부해야 할 목록이 되었고, 프로젝트 경험은 면접에서 설명할 수 있는 언어로 조금씩 정리되기 시작했다.

---

✅ 추천 대상

『Do it! AI 시대에 살아남는 프런트엔드 면접의 기술』은 단순히 예상 질문과 답안을 모아 놓은 면접 대비서가 아니다.

 

109개의 질문을 통해 프런트엔드 전반의 개념을 유기적으로 연결하고, 프로젝트에서 얻은 경험을 기술적인 언어로 정리할 수 있도록 돕는 지식 정리서에 가깝다.

 

특히 "프로젝트는 해봤지만 왜 그렇게 구현했는지는 설명하기 어렵다."라는 고민을 한 번이라도 해본 개발자라면 이 책의 가치를 더욱 크게 느낄 것이다.

 

이미 알고 있다고 생각했던 것들을 다시 이해하게 만드는 책.

 

취업을 준비하는 사람은 물론이고, 한동안 프런트엔드 공부를 쉬었다가 다시 감을 되찾고 싶은 개발자에게도 좋은 길잡이가 되어 줄 한 권이다.