Shadow Dom : 중요한 건 깨지지 않는 스타일
여러 플랫폼의 이력서를 한 화면에서 안정적으로 보여주기 위해 Shadow DOM 적용 사례를 다뤘습니다. 스타일 충돌 방지, 스크립트 처리, FOUC 대응과 한계까지 정리했습니다.
#Shadow DOM#CSS#DOM
6500
모든 블로그
대표 인기 포스트배포시간 단축: 블루-그린 배포 도입기112 조회112 조회 프론트엔드 프론트엔드
프론트엔드
프론트엔드 프론트엔드 프론트엔드 프론트엔드 프론트엔드 프론트엔드
사람인
주요 카테고리 프론트엔드 · DevOps · 아키텍처
활동 요약
- 최근 30일
- 0개
- 평균 조회
- 40
- 누적 조회
- 1,117
- 전체 글
- 28개
- 마지막 발행
- 2026. 3. 20.
사람인 기술 블로그 글 (9)
Next.js 프로젝트의 정적 파일 배포 환경 구성
Next.js 정적 파일을 개발·운영으로 분리하고 CI/CD로 자동 배포하는 구성을 소개했습니다. 변경된 파일만 rsync와 Purge로 처리해 캐시 비용과 운영 부담을 줄였습니다.
#Next.js#CI/CD#GitLab
3300
Vue3, Composition API와 Pinia를 이용한 상태관리 (2)
Vue3 Composition API와 Pinia를 실제 서비스에 적용한 사례를 다루었습니다. 인재풀 화면에서의 적용 결과와 느낀 점을 함께 정리했습니다.
#Vue.js#Pinia#Composition API
2600
React + TypeScript 전환기 (Feat. msw)
사람인 채용달력 모바일 서비스를 React와 TypeScript로 전환한 사례를 다뤘습니다. 기존 Vue 기반 경험에서 FE 분리 전환 과정과 MSW 활용 맥락을 소개했습니다.
#React#TypeScript#Vue.js
4100
React Query 도입 후기
런칭 이후 리팩토링 과정에서 React Query를 도입한 경험을 소개했습니다. 데이터 로딩, 캐싱, 서버 상태 동기화 작업을 더 쉽게 다루는 관점이 핵심입니다.
#React#cache#refactoring
2800
Vue3, Composition API와 Pinia를 이용한 상태관리 (1)
Vue3 프로젝트에서 Composition API와 Pinia를 활용한 상태관리 경험을 공유했습니다. 인재풀 프로젝트 개편을 계기로 실무 적용 흐름과 도입 포인트를 정리했습니다.
#Vue.js#Pinia#Composition API
2000
iOS에서 음성대화 서비스 구현하기 - WebRTC 기술의 활용
iOS에서 음성대화 서비스를 구현하기 위해 WebRTC를 활용한 사례를 소개합니다. 멘토링매치의 1:1 음성 상담 기능에 적용한 접근을 다룹니다.
#iOS#web#mobile
2600
사람인 접근성 개선 회고
사람인 서비스의 웹 접근성 향상을 위해 길드를 구성해 개선 프로젝트를 진행한 회고입니다. 접근성 기준 마련과 개선 과정에서의 진행 내용을 공유했습니다.
#웹#UI/UX
2100
사람인 Android App Refactoring
MVC 구조의 Android 앱에서 Activity·Fragment에 책임이 집중되며 코드가 비대해진 문제를 다뤘습니다. 앱 구조 개선을 위해 리팩토링 필요성과 책임 분리 관점을 공유했습니다.
#Android#MVC#refactoring
2200