[웨비나 리뷰] 현직 FE 개발자의 실전 클로드 스킬 : 우리 서비스에 AI를 녹이는 방법

안녕하세요, 제로백데브입니다!

지난 5월 13일, 프론트엔드 실무 AI 코딩을 주제로, 제로백데브의 임재균 프론트엔드 개발자님과 함께 다섯 번째 웨비나를 진행했습니다.

태그를 하나하나 짜던 시절부터 라이브러리와 프레임워크의 교체를 거쳐, 이제는 AI가 코드를 짜주는 시대가 되었는데요. 손코딩에 익숙했던 현직 실무자가 실제 업무 한가운데서 AI를 어떻게 다루고 있는지, 무작정 코드를 맡기는 것을 넘어 내 작업에 AI를 똑똑하게 녹여내는 생생한 여정을 나누었습니다. 현장에서 다루었던 핵심 내용들을 차분히 짚어보겠습니다.

과거에는 화면을 코드로 그리는 퍼블리싱 업무에서 시작해, 리액트(React) 같은 프레임워크가 도입되며 컴포넌트를 설계하고 상태를 관리하는 방식으로 진화해 왔습니다. 그리고 2022년경 본격적인 AI 코딩 시대가 열리면서 작업 방식은 또 한 번 크게 달라졌습니다.

이제는 코드를 직접 '잘 짜는 것'을 넘어, AI가 짤 코드의 '방향을 결정'하고 결과물이 잘 짜였는지 '판단하고 검증'하는 것이 개발자의 핵심 역량이 되었습니다. 즉, 작업은 AI가 하고 판단은 사람이 하는 형태로 역할이 완전히 바뀐 것입니다.

그렇다면 실무에서 AI에게 맡겨도 좋은 영역과 사람이 직접 책임져야 할 영역의 경계는 어떻게 나눌 수 있을까요?

AI가 가장 잘하는 일은 패턴이 있고 정답이 정해져 있는 작업입니다. 반복적인 보일러 플레이트 작성이나 레이아웃 분리 같은 구조 변환, 코드 스타일을 일관성 있게 유지하는 기능 구현, 명세서 분석 등은 AI에게 맡겼을 때 가장 효율적입니다.

반면, 프로젝트 기획을 정확하게 해석하고, 뼈대가 되는 기술 스택을 결정하며, 미세한 UI/UX 디테일을 잡는 것은 사람이 챙겨야 합니다. 특히 성능 저하의 원인을 파악하고, AI가 작성한 코드를 최종적으로 꼼꼼히 검토하는 '최종 검토' 단계는 발생할 수 있는 이슈를 막기 위해 절대 AI에게 온전히 넘겨서는 안 되는 가장 중요한 역할입니다.

AI에게 일을 시킬 때마다 컨텍스트를 던지고, 수정하고, 같은 규칙을 반복해서 설명하느라 오히려 지친 경험이 있으신가요?

이를 해결하기 위해 이번 웨비나에서는 AI에게 주는 작업 매뉴얼인 클로드 스킬(Claude Skills) 활용법을 자세히 다루었습니다.

프로젝트 폴더 내에 마크다운 파일 형식으로 스킬을 정의해 두면, 기획, 코딩, 검증 등 각 개발 단계에서 AI가 이 규칙을 참고하여 일관성 있는 결과물을 만들어냅니다.

디자인 시스템 규격을 지켜 컴포넌트를 생성하거나, 타입 누락과 에러 처리 여부를 자동으로 체크하는 등 자신만의 작업 환경에 맞춘 스킬을 구축해 두면 불필요한 소통 시간을 획기적으로 줄이고 더 효율적으로 개발을 진행할 수 있습니다.

단순히 AI 코딩 도구를 도입하는 것을 넘어, 도구를 똑똑하게 통제하고 서비스의 디테일을 살려내는 생생한 노하우를 엿볼 수 있는 시간이었습니다.

이번 웨비나가 무작정 도입하기보다 팀원들이 거부감 없이 AI 툴을 실무에 녹여내길 바라는 리더분들과 실무진 모두에게 조직 생산성에 대한 유용한 인사이트가 되었기를 바랍니다.

다음 웨비나에서는 최근 급부상한 AI 코딩의 이면을 살펴볼 예정입니다.
사이버보안을 전공하며 실제 개발 에이전시에서 서비스를 만들어온 제로백데브 인턴의 시각을 생생하게 나눌 예정입니다.
우리가 무심코 넘겼던 코드 안에 무엇이 들어있는지 점검해 보는 다음 웨비나에도 많은 관심 부탁드립니다.

감사합니다!