웹디자인 (HTML,JS)70 728x90 프론트엔드 다이어트 HTML 표준 기능으로 만드는 빠르고 접근성 좋은 UI 웹디자인(UX·UI·접근성·반응형·퍼포먼스) 관점에서 “실무에 바로 적용 가능한 형태”로 핵심은 “JS를 없애자”가 아니라, 표준 HTML/CSS로 해결 가능한 UI는 네이티브로 처리해 로딩/복잡도/접근성을 개선하고, JS는 정말 필요한 로직에만 쓰자는 방향입니다.자바스크립트 줄이고, 웹디자인 퀄리티 올리기HTML만으로 되는 UI: 아코디언·모달·오프캔버스 메뉴왜 “HTML로 대체”가 웹디자인에 유리한가디자인 품질(사용자 경험) = 성능 + 접근성 + 일관성 + 유지보수성 입니다.성능: JS는 다운로드→압축해제→파싱/평가→실행→상태 유지(메모리) 비용이 듭니다. 단순 UI 토글/오버레이까지 JS로 하면 초기 렌더링과 상호작용 준비 시간이 늘기 쉽습니다. 그래서 가능한 기능은 네이티브로 넘기자는 주장입니다.. 2026. 1. 5. API 보안과 SSO를 동시에: Kong 기반 엔터프라이즈 인증 아키텍처 설계 전략 API Gateway + 인증 게이트 구조기본 구조는 이렇게 됩니다.[Client / Browser] │ (HTTP, HTTPS) ▼ [Kong Gateway] ← (Auth Plugin / Custom Plugin / Session Plugin) │ ├─ /auth → Auth Service (로그인/로그아웃, 세션 생성) ├─ /app1 → App1 Service ├─ /app2 → App2 Service └─ /app3 → App3 Service여기서 중요한 포인트Kong이 모든 서비스 앞에 서 있는 “인증 게이트” 역할도메인/서브도메인 동일 → 쿠키 기반 SSO .. 2025. 12. 10. 브라우저에서 JSX 안전하게 실행하는 방법, Babel, CRA, Vite 환경 JSX는 왜 바로 실행이 안 되나요?JSX = JavaScript가 아님JSX는 HTML + JS 섞어 쓴 듯한 문법일 뿐, 실제로는 브라우저가 이해 못하는 문법입니다.예const element = Hello JSX!;브라우저는 위 코드를 그대로 실행할 수 없고, 다음처럼 변환된 JS만 이해합니다.const element = React.createElement('h1', null, 'Hello JSX!');그래서 필요한 것: 트랜스파일 과정Babel 같은 도구가 JSX → 순수 JavaScript로 변환합니다.React 개발 환경(CRA, Vite 등)은 이 과정을 “자동으로” 해주는 툴일 뿐입니다.핵심 결론JSX 파일을 그대로 브라우저에서 더블클릭 → 실행 X반드시Babel 같은 트랜스파일러로 미리 변.. 2025. 11. 23. 브라우저를 이해하는 AI: Chrome DevTools MCP로 끝내는 웹 자동화 AI 코딩 에이전트가 실제 크롬 브라우저를 열고, DevTools로 성능 추적을 녹화하고, 콘솔·네트워크를 읽고, 버튼 클릭·폼 입력까지 수행한다면? 바로 그걸 가능하게 하는 게 Chrome DevTools MCP(Model Context Protocol) 서버입니다. 공개 프리뷰를 발표한 크롬팀 공식 글과 레퍼런스, 그리고 현업 중심의 훌륭한 사용기 정리를 바탕으로 도입 배경 → 핵심 기능 → 실전 예시 → 설치/연동 → 보안 가이드까지 한 번에 담았습니다.MCP & Chrome DevTools MCP 한눈에 보기MCP란? LLM이 외부 도구·데이터 소스와 표준 방식으로 통신하도록 만든 오픈 프로토콜. 동일한 문법으로 다양한 도구를 부릴 수 있게 합니다.Chrome DevTools MCP: MCP 서버.. 2025. 11. 8. 학교에서 안심하고 쓰는 무료 폰트! 교육부 인증 ‘학교 안심폰트’ 21종 공개 교육부(이하 교육부)와 한국교육학술정보원(이하 KERIS)이 새로 보급하는 ‘학교 안심폰트’입니다.개요 및 배경● 정책 · 목적교육부와 KERIS는 학교 현장에서 저작권 부담 없이 자유롭게 활용 가능한 폰트를 제공하고자 ‘학교 안심폰트’ 사업을 시행해 왔습니다.이번 개편으로 21서체 21종을 신규 보급한다고 10월 28일 발표했습니다.기존에 3년간 제공된 44서체 67종 → 이번 21서체 21종 추가 → 총 65서체 88종 제공됨. → 발표문 인용.주요 목적은 다음과 같습니다.학교 교육자료, 가정통신문, 학급 소식지, 교내 안내문 등에서 폰트 저작권 걱정 없이 활용 가능하도록 지원서체 선택 폭을 넓혀 다양한 디자인 · 활용환경에 대응교육현장에서 저작물 이용 안전성을 확보하고, 교직원과 학생이 자유롭게 활.. 2025. 10. 29. 이전 1 2 3 4 ··· 14 다음 728x90 728x90
