면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.
개인 프로젝트로 할 일 관리 웹 애플리케이션을 프레임워크 없이 순수 HTML, CSS, JavaScript로 만들었습니다. DOM을 직접 조작하며 항목을 추가하고 삭제하는 기능을 구현했는데, 이 과정에서 이벤트 위임과 리렌더링의 개념을 몸으로 익힐 수 있었습니다. 프레임워크를 배우기 전에 기초를 직접 다뤄본 경험 덕분에, 이후 프레임워크가 왜 그런 방식으로 상태를 관리하는지 더 잘 이해할 수 있었습니다.
개인 블로그를 만들며 처음에는 순수 리액트로 시작했는데, 초기 로딩 속도와 검색 노출이 아쉬워 Next.js로 전환했습니다. 서버 사이드 렌더링을 적용한 뒤 페이지 로딩 속도가 눈에 띄게 개선됐고, 검색 엔진에도 콘텐츠가 더 잘 노출되는 것을 확인했습니다. 단순히 유행하는 프레임워크라서 선택한 것이 아니라, 겪고 있던 문제를 해결하는 도구로 판단해 도입한 경험이었습니다.
동아리 홍보 페이지를 제작하며 모바일과 데스크탑 화면에서 모두 자연스럽게 보이도록 반응형으로 구현했습니다. 처음에는 데스크탑 기준으로만 만들어 모바일에서 레이아웃이 깨지는 문제가 있었는데, 미디어 쿼리를 활용해 화면 크기별로 레이아웃을 재조정했습니다. 실제로 방문자의 절반 이상이 모바일로 접속한다는 것을 통계로 확인한 뒤, 사용자 환경을 먼저 고려하는 것이 얼마나 중요한지 체감했습니다.
같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.
진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.