클로드 코워크로 AI 실적 감원 추적기 구축하기: 실제 구현 세부 사항

한 개발자가 2026년 AI를 이유로 인력 감축을 언급하는 모든 기업을 스크랩하여 실시간으로 표시하는 대화형 인력 감축 추적기를 구축했습니다. 이 추적기는 완전히 검색 가능하며, 산업 및 연도별로 필터링할 수 있고, 활성 AI 채용 공고가 포함된 채용 게시판을 갖추고 있습니다.

개발 과정에서 Claude Cowork 활용 방법

개발자는 여러 구체적인 개발 작업을 위해 Claude Cowork(협업 작업 공간)을 사용했습니다:

• 초기 테이블 구조 생성: 인력 감축 데이터 CSV를 붙여넣고 "정렬 가능한 열, 반응형 디자인, 산업/연도 필터를 갖춘 HTML/CSS 테이블을 만들어주세요. Tailwind CSS를 사용해주세요."라고 요청했습니다. Claude는 필터 UI와 테이블 전체를 한 번에 출력했습니다.
• 필터 로직 디버깅: "All Years" 필터가 올바르게 재설정되지 않는 JavaScript 코드 조각을 공유했습니다. Claude는 문제를 파악했습니다: "renderTable() 함수가 year가 'all'일 때 필터링된 배열을 재설정하지 않고 있습니다. 조건문을 추가해주세요." 수정에는 2분이 걸렸습니다.
• 비교 모달 작성: 3대의 노트북을 나란히 비교할 수 있는 팝업 모달을 요청했습니다. Claude는 단일 프롬프트로 모달 HTML, CSS 위치 지정, JS 이벤트 핸들러 전체를 작성했습니다.
• 모바일 터치 대상 최적화: "48px 탭 대상과 배경을 사용하여 모바일에서 접근 가능한 필터 서랍을 만들어주세요."라고 요청했습니다. Claude는 CSS를 다시 작성하고 ARIA 속성을 추가했습니다.
• 모의 데이터 생성: Claude에 5개 기업 목록을 제공했고, Claude는 이를 채용 게시판을 위한 현실적인 직무명, 급여, 원격/하이브리드 태그가 포함된 12개로 확장했습니다.

개발자는 더 큰 코드 조각과 더 복잡한 프롬프트를 단일 상호작용에서 처리할 수 있게 해준 20만 컨텍스트 윈도우 없이는 이 프로젝트를 구축할 수 없었을 것이라고 언급했습니다.