frontend

인프라 및 분산 시스템에 관한 소프트웨어 엔지니어 노트. 일반적인 자료 구조와 알고리즘, 웹 개념 등을 다룹니다!

TinyEngine은 다양한 도메인에서 로우코드 플랫폼을 구축하거나 개발할 수 있는 로우코드 엔진입니다

✨ 단 하나의 CLI 명령어 실행만으로 백엔드(Go), 프론트엔드(JavaScript, TypeScript) 및 배포 자동화(Ansible, Docker)가 포함된 프로덕션 수준의 프로젝트를 생성할 수 있는 모든 수준의 개발자를 위한 완전하고 독립적인 솔루션.

프로그래밍 내비게이션 AI 개발 실전 신규 프로젝트. Spring Boot 3 + Java 21 + Spring AI를 기반으로 AI 연애 마스터 애플리케이션 및 ReAct 모드 자율 계획 에이전트 YuManus를 구축하며, AI 대형 모델 연동, Spring AI 핵심 기능, 프롬프트 엔지니어링 및 최적화, RAG 검색 증강, 벡터 데이터베이스, Tool Calling 도구 호출, MCP 모델 컨텍스트 프로토콜, AI Agent 개발(Manas Java 구현), Cursor AI 도구 등 핵심 지식을 다룹니다.

Vue.js 2.0 기반으로 구축된 고품질 UI 툴킷

모든 이미지를 순수 CSS로 변환합니다. box-shadow만을 사용하여 이미지를 재창조합니다.

⚡ WebTorrent와 WebSocket을 사용하여 구축된 파일 공유 프로그레시브 웹 앱(PWA)

180개의 무료 CSS3, Figma, Sketch 및 PSD 그라데이션 — 디자인 도구, 생성기, AI agent를 위한 JSON 데이터셋 포함

Vue 개발자를 위한 프로토타이핑 도구 适用于Vue的原型工具

학습 및 면접 대비를 위한 프론트엔드 챌린지 모음

Font Awesome Vue 컴포넌트

장인으로 가는 길 (CC BY-NC-ND)

Jest 테스트를 손쉽게 디버깅하세요.🛠🖼

Angular Example App은 Angular 21로 구축된 초보자 친화적이고 프로덕션 환경에서 사용 가능한 웹 애플리케이션입니다. CRUD 작업, 인증, i18n, 지연 로딩(lazy loading), signals 등 핵심 Angular 기능을 보여주는 실제 활용 예시를 제공합니다.

프론트엔드 개발 블로그, 인터넷의 가장 뛰어난 프론트엔드 기술을 공유합니다. 위챗 공식 계정 '前端开发博客'를 팔로우해 주세요. 1024를 답장하면 프론트엔드 심화 자료 패키지를 받으실 수 있으며, 加群을 답장하면 전문가들과 함께 소통하고 배울 수 있습니다.

프론트엔드 프로젝트를 위한 아키텍처 방법론

순수 정적 JavaScript, HTML, CSS만 사용하여 안전하고 프라이버시가 보장되는 웹 앱을 만드세요.

프론트엔드 개발을 위한 엄선된 리소스 목록

🐕 사용자 이벤트 시뮬레이션

Rust + WebAssembly로 프론트엔드 브라우저 앱 구축. 서버 사이드 렌더링 지원.

TinyVue는 OpenTiny 커뮤니티의 엔터프라이즈급 UI 컴포넌트 라이브러리로, Vue.js 2와 Vue.js 3 및 PC와 모바일을 모두 지원합니다.

완전히 Rust로 작성된 웹 애플리케이션 🌍

웹, 데스크톱, 모바일 및 콘솔에서 창의적 표현을 위한 오픈소스 라이브러리. 클래식 Flash 및 AIR API에서 영감을 받았습니다.

Vue.js 기반 GUI를 제공하는 Spring Boot 앱 구축 방법을 보여주는 예제 프로젝트

✨ 위피의 새 프로젝트 - 긱 스타일의 브라우저 홈페이지 💻 Vue 3 + Node.js 풀스택 프로젝트, 자체 구현 웹 터미널 및 명령어 시스템 포함, 프론트엔드 심화 학습을 원하는 분들에게 추천

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

:tiger: 대규모 애플리케이션을 위한 마이크로 프론트엔드 솔루션, 사이트 국내 미러: https://icestark.gitee.io

CrossUI는 리치 웹 어플리케이션을 위한 최첨단 기능을 제공하는 무료 크로스 브라우저 Javascript 프레임워크입니다. 신규: studio.crossui.com

모든 웹사이트가 테스트 및 수정되었으며, 모두 로컬호스트에서 실행될 수 있습니다. 저장소를 복제한 후 웹사이트 폴더로 이동하여 live-server와 같은 로컬 HTTP 서버를 시작하면 웹사이트를 오프라인에서 실행할 수 있습니다.

프론트엔드 개발을 위한 필수 원칙