손지원

링커리어 메인의 자소서 관리 페이지를 리스트 UI에서 칸반 대시보드로 전환하고, 자소서 카드 팝업(메모·첨부파일·일정 통합) · 모바일 대응 · 기간·상태·정렬 필터링 · 무한스크롤 환경 DND까지 동시에 구현해야 했습니다.

• 배포 전 사용성 테스트(취준생 2명): 칸반 보드 “직관적” 평가 · 전형별 합불 필터·정렬 필터 긍정 평가 · 자소서 40~50개 다건 관리 케이스에 활용 의향 확인
• 배포 1년 후 자소서 작성 지표 증대 논의에서도 칸반은 핵심 구조로 유지: 후속 개선은 진입 퍼널 보강 방향으로 진행

MUI v4가 Node.js·Next.js·기타 라이브러리 버전 업그레이드를 막는 의존성 병목으로 작용하고 있어, 서비스 차원에서 페이지·컴포넌트 단위로 MUI를 점진 제거해 풀어내는 장기 과제가 진행 중이었습니다. 본인은 메인·Biz 양쪽에서 다수 페이지·공통 컴포넌트의 MUI 제거를 직접 수행했고, 트래픽이 큰 자만검(자기소개서 만능 검색) 페이지는 MUI 제거를 SEO 기반 강화(SSR·canonical)와 함께 묶어 진행했습니다.

• Biz: Node.js 16.17.0 → 18.15.0 업그레이드 + MUI 제거를 동일 PR 흐름으로 묶어 진행
• Biz 공통 컴포넌트 MUI 제거 · 다수 페이지가 의존하던 공통 입력·폼 컴포넌트를 사이드 이펙트 검증과 함께 styled-components로 교체
• 자만검 페이지 MUI 제거 + SEO 작업 동시 진행 · MUI → styled-components 마이그레이션과 함께 SSR 개선 + canonical 단일화 진행

• 스택 업그레이드 병목 해소 · MUI 의존성을 끊어 Node.js·프레임워크·후속 라이브러리 버전을 끌어올릴 수 있는 코드베이스 자산을 단계적으로 확보
• 번들 크기 감소 → Core Web Vitals 향상 · MUI가 빠지면서 페이지 JS 번들이 약 10% 감소 · LCP·INP 등 페이지 속도 지표 동반 개선
• SSR 도입으로 크롤봇 인덱싱 정확도·속도 향상 · CSR 시 빈 HTML로 노출되던 자소서 본문·메타데이터가 첫 응답 HTML에 포함되도록 전환
• canonical 단일화로 중복 콘텐츠 페널티 해소 · 분산되던 자소서 URL을 표준 URL로 통합
• 실제 트래픽 효과 관측 · 배포 직후 자만검 페이지가 상위 유입 키워드(인턴·한국산업인력공단·한국수력원자력·토스 등) 다수 신규 진입

삼성그룹 GSAT 채용 시즌에 맞춰 운영되는 모의고사·가채점·합격예측·난이도 투표·풀서비스 사전예약을 통합한 핵심 트래픽 이벤트 기능. 링커리어 합류 직후 메인 페이지·CMS 양쪽을 동시에 책임지는 신규 기능으로 투입되어 단기간에 시즌 일정을 맞춰야 했습니다.

• 메인 페이지 GSAT Step 2 영역, 가채점&합격예측 결과 화면, 난이도 투표, 풀서비스 사전예약 흐름을 PC/모바일 웹 동시 대응으로 신규 개발
• 운영팀이 시즌 단위로 콘텐츠·문항·신청자를 관리할 수 있는 GSAT 풀서비스 CMS 개발
• 실시간 참여자 수 반환 API 연동 · 정답률 로직 변경 대응 · 메타베이스 기반 풀서비스 신청자 조회 화면 구현
• 페이지 오픈 시점에 맞춘 알림톡·문자 발송 스크립트 작성 및 GSAT 준비방·계열사 채팅방 자동 생성 흐름 정비

• 시즌별 사전 신청자 수 지속 성장 · 2025년 상반기 2,129명 → 2025년 하반기 2,441명 → 2026년 상반기 시즌 최고치 갱신 (전년 상반기 대비 +92% 증가)
• SEO 도메인 권위 확보 · ‘GSAT 풀서비스’ · ‘GSAT 합격예측’ · ‘삼성 GSAT’ 등 주요 키워드 검색 시 링커리어 페이지 1위 노출

기업분석자료 페이지는 paywall 기반 구조라 비로그인 유저는 로그인 페이지로 리다이렉트되어, 검색 크롤봇이 실제 콘텐츠에 도달하지 못해 SEO 인덱싱이 되지 않는 한계가 있었습니다.

• 비로그인 접근 지원 · 기업분석자료 페이지를 비로그인 상태에서도 접근 가능하도록 수정
• paywall 영역 지정 + 크롤봇 user-agent 분기 · 일반 유저에게는 paywall로 가리되, 검색 크롤봇 user-agent에는 풀 콘텐츠를 노출하도록 분기 처리
• 운영팀(CMS 관리자)이 자료 등록 후 직접 색인 요청까지 수행할 수 있도록 운영 가이드라인 문서 작성

• ‘삼성 기업분석’ 등 키워드 검색 시 캐치·자소설닷컴 등 경쟁사를 밀어내고 링커리어 1위 노출 달성
• 기업분석자료가 검색 노출 자산으로 회복되어 향후 콘텐츠 등록 시마다 SEO 효과를 누릴 수 있는 기반 확보

트로스트 심리검사가 검색·콘텐츠 유입은 강했지만 검사 후 다음 행동(커뮤니티·심리상담)으로의 전환 구조가 불명확했고, 페이지 자체의 SEO 신호도 약했습니다. 단발성 테스트를 트로스트 서비스 전반의 탐색·전환 허브로 재정의하면서 동시에 SEO 기반을 강화하는 작업이었습니다.

• 데이터 기반 개인화 영역 구축 · 누적 참여자 백분위·연령/성별 점수 편차·동일 점수대 사용자 행동 통계 등 통계 기반 추천 섹션
• 리뷰 시스템 신규 개발: 별점·텍스트 입력, 닉네임 마스킹·일 단위 셔플 정렬·결과 공유 기능
• 동일 키워드 커뮤니티 글·전문가 칼럼·상담사 리뷰 매칭 영역 신설로 검사 → 커뮤니티/상담 전환 동선 설계
• SEO 기반 강화: SSR 전체 적용으로 검사 설명·누적 참여자 수·평균 평점·베스트 리뷰 등 핵심 데이터가 첫 응답 HTML에 텍스트로 존재하도록 전환 + 메타데이터 동적 생성
• 다중 환경 분기 처리: 트로스트 자체앱·캐시워크 인앱(웹뷰)·PC/모바일 웹의 네이티브 인터페이스 차이를 추상화해 단일 React 코드베이스에서 일관 처리

• 검사 결과를 커뮤니티/상담/사운드테라피로 연결하는 데이터 기반 추천 구조 확보
• SSR 전환 + 메타데이터 정비로 검색봇이 핵심 신뢰 시그널을 즉시 수집할 수 있는 SEO 기반 확보

PHP/Webpack 기반 레거시 약물 의존도 자가체크 페이지는 분기·브릿지 로직이 PHP 템플릿·JS 레이어에 흩어져 있어, 사소한 수정에도 레거시 코드 전반을 추적해야 하는 높은 인지 비용이 들었습니다. 장기적인 코드 유지보수성과 운영 민첩성을 확보하기 위해 사내 표준 스택인 Next.js 14 (App Router)로 이관했습니다.

• 레거시 의존성 제거 · PHP/Webpack 코드를 사내 표준 스택(Next.js · TypeScript)으로 통합
• 분기 로직 응집화 · 흩어져 있던 isApp·deviceOS·clientID 분기를 React 컴포넌트 트리 한 곳에서 관리되도록 재설계

• 코드 관리 효율화 · 레거시 코드 추적 비용이 큰 폭으로 줄어 변경 포인트가 한 군데로 수렴
• 온보딩 비용 절감 · 사내 표준 스택과 통합되어 신규 합류 개발자도 빠르게 진입 가능