HM소프트

IntersectionObserver와 CSS 트랜지션으로 라이브러리 없는 스크롤 등장 효과를 만들고 prefers-reduced-motion으로 멀미를 막는다. 로케일을 통제 못 하는 네이티브 datetime 입력을 버리고 값 계약이 같은 자체 날짜 피커로 드롭인 교체하며, 가입 페이지는 폼 로직을 건드리지 않고 투 컬럼으로 재설계하고 다크 모드 반전 함정과 입력 정제까지 다룬다.런칭 이후, 첫인상이라는 다음 싸움1~3편에서 한 과제 채점 플랫폼의 핵심 기능 — 채점 파이프라인, 교사 승인 흐름, 다국어 전환과 배포 정리 — 을 만들고 시리즈를 일단락했다. 그런데 막상 런칭하고 며칠 지켜보니, 기능이 도는 것과 제품이 좋아 보이는 것은 별개의 문제라는 게 분명해졌다.기능은 잘 돈다. 교사가 가입하고, ..

Next.js App Router에서 next-intl locale 라우팅을 토대로 인증과 언어 협상을 미들웨어 한 장에 합성하고, canonical·hreflang x-default·Open Graph 메타데이터 생성기와 사이트맵·robots·JSON-LD로 SEO를 묶는다. 본문 바로가기·포커스 트랩·prefers-reduced-motion 접근성과 ISR·이미지 최적화 성능까지 다룬다.웹 국제화(i18n)와 SEO·접근성·성능 최적화를 적용한 과정을 정리한다. 2편: i18n·SEO·접근성·성능1편에서 콘텐츠 모델과 검색을 다뤘다. 기관 공식 사이트는 "기능"만큼이나 누구나, 어떤 언어로, 검색엔진에서도 잘 보이는가가 중요하다. 이번 편은 그 네 가지 — 국제화, SEO, 접근성, 성능이다.국제화(..

Docker Compose로 단일 VM에 배포한 과제 채점 플랫폼의 운영 기록. 빌드·배포 분리, 레지스트리 전체 경로 이미지 참조, 떠도는 이미지 정리로 디스크 고갈 차단, 빌드 시점 플래그로 데모 계정 죽은 코드 제거, AI 프롬프트·브라우저 폼 검증·날짜 로케일까지 잡은 영어 국제화, Nginx SSE 설정을 다룬다.Docker 배포 운영과 다국어 전환 구현을 정리한다. 3편: 배포와 운영1편 자동 채점, 2편 집계 버그에 이어 시리즈 마지막이다. 기능 너머의 "어떻게 안정적으로 굴리고, 누가 쓰게 만드느냐" — Docker 배포 운영과 다국어 전환을 다룬다.컨테이너 이미지 경로 — compose가 pull을 못 하던 문제배포는 Docker Compose로 했고, 이미지는 Artifact Regis..