면접관이 이 한 문장으로 확인하려는 것들. 각 갈래를 알면 답의 뼈대가 잡혀요.
팀 프로젝트에서 초기엔 React만 사용하다가, 검색 노출이 중요한 서비스 특성상 서버 렌더링이 필요하다는 이야기가 나와 Next.js로 전환했습니다. 전환 과정에서 기존 컴포넌트 구조를 페이지 단위로 다시 정리해야 해서 예상보다 시간이 걸렸습니다. TypeScript는 팀원 간 타입 불일치로 생기는 오류를 줄이기 위해 함께 도입했는데, 초기 설정에 시간이 들었지만 이후 협업할 때는 도움이 됐습니다.
개인 프로젝트를 시작하며 React와 TypeScript, Next.js를 동시에 처음 배웠습니다. 세 가지를 한꺼번에 익히다 보니 에러가 나도 어느 쪽 문제인지 구분하기 어려운 경우가 많았습니다. 타입 에러인지, 렌더링 방식 문제인지 하나씩 로그를 찍어가며 좁혀나가는 방식으로 해결했습니다. 지금 돌아보면 하나씩 순서대로 배우는 게 더 나았을 수도 있겠다는 생각이 듭니다.
Next.js의 서버 컴포넌트를 활용해 초기 로딩 속도를 개선하려 했는데, 클라이언트 상태와 섞어 쓰는 부분에서 어떤 컴포넌트를 서버로, 어떤 걸 클라이언트로 둬야 하는지 기준이 헷갈렸습니다. 문서를 여러 번 읽고 나서야 상호작용이 필요한 부분만 클라이언트로 남기는 기준을 잡을 수 있었습니다. 처음부터 명확했던 건 아니었습니다.
같은 실수가 반복돼요. 이것만 피해도 절반은 갑니다.
진짜 면접은 두 번째 질문부터예요. 이 답 뒤에 따라올 법한 것들.