General
← Back to all posts-
한컴AI 웹사이트 해부: GSAP과 Swiper로 만든 기업형 풀스크린 인터랙션
한컴AI(ai.hancom.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Vanilla JS + GSAP + Swiper 조합의 풀스크린 스크롤 전략부터 다국어 대응, 다크 테마 브랜딩까지.
-
Cursor AI 한국어로 바꾸는 법 + 실무에서 바로 쓰는 rules 설정까지
Cursor AI 한국어 설정을 UI 언어팩 설치부터 .cursorrules로 AI 응답까지 완벽하게 한글화하는 방법을 단계별로 정리했습니다. 실무에서 바로 복붙 가능한 cursorrules 템플릿 5종도 제공합니다.
-
개발자를 위한 타자 연습기: 코드로 연습하자!
지루한 타자 연습은 그만. 실제 코드 스니펫으로 연습하는 개발자 전용 타자 게임을 만들어보았습니다.
-
[웹사이트 분석] 두산로보틱스 홈페이지 UX/UI 디자인 및 기술 스택 해부
기업용(B2B) 로봇 솔루션을 제공하는 두산로보틱스(doosanrobotics.com) 웹사이트의 디자인 시스템, UX 패턴, 그리고 레거시 기술 스택(jQuery, Swiper, Lenis 등)을 심층 분석합니다.
-
AI 에이전트가 코드를 짠다면? 왜 전문가들이 Rust 대신 Go를 선택하는가
AI 에이전트 시대에 Go(Golang)가 최적의 개발 언어로 부상한 5가지 이유. LLM 코드 생성 성공률 95%, 빠른 컴파일, 단순한 문법이 AI 에이전트 개발에 미치는 영향을 심층 분석합니다.
-
챗GPT GPT-5.3 Instant 전격 출시! 5.2와 비교해 본 핵심 변화 3가지
2026년 3월 3일 출시된 OpenAI GPT-5.3 Instant 모델의 핵심 변화를 5.2와 비교 분석합니다. 환각 26.8% 감소, 톤 앤 매너 개선, 웹 검색 정확도 향상까지 한국어 프롬프트로 직접 테스트한 Before & After 결과를 공개합니다.
-
DRAFT.X 웹사이트 해부: Framer 기반 하이엔드 에이전시 웹 패턴 분석
DRAFT.X(드래프트엑스)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. 프레이머 기반의 No-code 아키텍처와 시각적 퍼포먼스의 트레이드오프를 확인하세요.
-
안녕하세요! 도경자입니다.
블로그를 새롭게 단장하고 첫 인사를 드립니다.
-
핸들리(Handly) 웹사이트 해부: 노코드 빌더로 만든 B2B SaaS 랜딩의 한계와 가능성
핸들리(Handly)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. imweb 노코드 플랫폼 위에서 B2B SaaS 랜딩을 어떻게 구현했는지, 그리고 어떤 트레이드오프가 존재하는지 살펴봅니다.
-
카카오뱅크 answer 블로그 해부: Next.js App Router + GSAP으로 만든 금융 콘텐츠 플랫폼
카카오뱅크 공식 블로그 answer(blog.kakaobank.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Next.js App Router 기반 SSR, Pretendard Variable 폰트, GSAP 텍스트 애니메이션, 다크모드까지.
-
GPT-5.4 출시, 소름 돋는 한국어 추론 능력 (결제 전 필수 확인)
2026년 3월 GPT-5.4가 공개됐습니다. GPT-5.0 대비 한국어 추론 38% 향상, 멀티모달 2.0 탑재, 자율 사고 모드까지. 월 $30의 가치, 지금 결제해야 할 이유를 수치와 실전 테스트로 검증합니다.
-
Nudge 웹사이트 해부: AI 쇼핑 시대의 SaaS 랜딩 페이지는 이렇게 만든다
AI 검색 최적화 플랫폼 Nudge(nudgenow.com)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. Framer 기반 SaaS 랜딩 페이지의 퍼플 그라데이션 전략부터 전환 퍼널 설계까지.
-
유료 결제 끝? Qwen 3.5 122B로 로컬에서 Claude Sonnet 4.5 성능 뽑아내기
Qwen 3.5 122B와 35B 모델을 로컬 컴퓨터에서 구동하는 완벽 가이드. Claude Sonnet 4.5와의 벤치마크 비교, VRAM별 추천 모델, Ollama 설치법, 한국어 코딩 실전 테스트까지 총정리합니다.
-
RightBrain(라이트브레인) 웹사이트 해부: WordPress + Slider Revolution으로 완성한 UX 에이전시의 자기표현
대한민국 대표 UX 컨설팅 에이전시 라이트브레인(rightbrain.co.kr)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. BeTheme + Slider Revolution 6의 풀스크린 시네마틱 히어로, 커스텀 폰트 시스템, 포트폴리오 중심 정보 설계까지.
-
함께하는 사랑밭 웹사이트 해부: jQuery 기반 NGO 사이트의 감성 UX 전략
함께하는 사랑밭(withgo.or.kr)의 디자인 시스템, 기술 스택, UX 패턴을 심층 분석합니다. jQuery + Slick + AOS로 구현한 기부 전환 퍼널과 감성적 스토리텔링 레이아웃까지.