Scroll Snap API로 이미지 캐러셀을 만드는 방법을 정리했습니다. 스크롤 컨테이너와 자식 요소에 필요한 속성을 설정해 자연스러운 스냅 동작을 구현했습니다.
scroll-snap-type으로 스냅 컨테이너를 지정하고 scroll-snap-align으로 자식 요소 정렬 기준을 설정하는 구조mandatory와 proximity 차이, start·center·end 정렬 방식의 동작 차이 설명Senior~Staff, Security Engineer (Web Security)
쿠팡 · Seoul, South Korea
외부 Web/API 서비스의 보안 정책을 운영하고 WAF·BOT·DDoS 탐지·차단, CVE 대응, 위협 헌팅 및 로그 분석을 수행합니다. 5년 이상의 웹 보안 실무 경험과 Access·Detection 로그 분석 및 Route53·DNS·DDoS·Web Attack·Bot·CVE 대응 경험이 필요합니다.
[글리티] 모바일 앱 개발자 채용 (Android · iOS · Web)
글리티 · 경력무관 · 서울 강남구 강남대로 656 (신사동, 무림에스피주식회사) 3층
Android·iOS 네이티브 앱과 React·Next.js 기반 하이브리드 웹뷰를 개발·운영하며, 앱 배포·심사 대응 및 모니터링을 담당합니다. Android(Kotlin) 또는 iOS(Swift) 3년 이상 경력과 웹뷰·스토어 릴리즈·Firebase·React·TypeScript 경험이 필요합니다.
ML Engineer (CSS)
토스 · Seoul
신용·대출 도메인에서 대출 니즈, 카드 발급 예측, 신용평가 등 ML 모델을 개발·고도화하고 데이터를 분석합니다. 개인·개인사업자 CSS 개발·내재화 및 데이터 정제 경험, Python·SQL과 ML·DL 활용 역량이 필요합니다.
#CSS 주제를 이어서 읽기
Scroll Snap API로 이미지 캐러셀의 스크롤 종료 위치를 제어하는 방법을 설명했습니다. JavaScript 없이 축, 스냅 강도, 정렬 기준을 조합해 슬라이드 UX를 구현합니다.
