창 밖에서 희미하게 벌레 소리가 들리는 계절이되었습니다. 에어컨이 효과가 있는 방에서 차가운 음료를 한 손에 코드를 쓰는 여름도 좋아합니다만, 시원한 야풍을 느끼면서, 새로운 기술의 문서를 한가로이 바라보는 가을의 야장이라고 하는 것도, 엔지니어에게 있어서는 꽤 풍치가 있는 것입니다.

이번에는 조금 어깨의 힘을 빼고, 올해의 프런트 엔드 경계를 활기찬 기술 동향을 에세이풍으로 되돌아보고 싶습니다.

서버 측으로 되돌아 가기

올해를 상징하는 키워드를 하나 든다면 확실히 ‘React Server Components (RSC)‘일 것입니다. 지난 몇 년 동안 우리는 “어떻게 브라우저 측 (클라이언트)에서 풍부한 경험을 만드는 방법"에 심혈을 기울였습니다. 하지만 자바스크립트의 번들 크기가 커지고 초기 로딩 속도가 한계에 도달했습니다.

거기에 던진 것이 RSC입니다. 「서버로 렌더링 할 수 있는 것은 서버로 해 버려」라고 하는, 어떤 의미로 옛날 좋은 PHP나 Ruby의 시대를 방불케 하는 어프로치. 그러나 그것은 단지 조상 반환이 아니라 클라이언트의 상호 작용과 서버의 견고성을 고도로 융합시킨 새로운 패러다임이었습니다. Next.js의 App Router가 그 깃발 역할이 되어, 많은 개발자가 새로운 정신 모델의 획득에 4고8고고하면서도, 그 잠재력에 가슴을 끌게 하고 있습니다.

AI와 코딩의 공범 관계

또 하나 놓칠 수 없는 것이 생성 AI에 의한 개발 체험의 변화입니다. Copilot이 코드의 연속을 제안하고 ChatGPT가 복잡한 정규 표현식을 순식간에 씁니다. 더 이상 AI는 “편리한 도구"의 영역을 넘어 페어 프로그래밍의 파트너와 같은 존재가되었습니다. 앞으로의 프런트 엔드 엔지니어에게 요구되는 것은, 제로로부터 코드를 쓰는 힘이 아니라, 「AI의 출력을 리뷰해, 아키텍쳐의 전체상을 설계하는 힘」으로 시프트해 가는 것이라고, 한밤중에 문득 생각하게 됩니다.

계속 배우는 재미

프런트 엔드의 기술 전개는 너무 빠르다고 합니다. 「또 새로운 프레임워크가 나왔는지」라고 피폐해 버리는 기분도 알 수 있습니다. 그러나 견해를 바꾸면 이렇게 지루하지 않은 놀이터도 없습니다. 매년 새로운 장난감이 주어져 전세계 천재들이 “더 좋은 방법은 없을까”라고 논의를 싸우고 있습니다.

벌레의 소리를 BGM에, 아직 만지지 않은 툴의 튜토리얼을 조금만 진행해 본다. 그런 가을 밤이 있어도 좋지 않을까요? 내일의 자신이, 조금만 레벨업하고 있다고 믿어.