fred

(★ 230)

MDN's frontend since late 2025, built with Web Components, Lit, and SSR for a fast, clean documentation experience. Fred = /fr(ont)e(n)d/.

파일 탐색기

최종 버전 다운로드 (.zip)
  • .editorconfig
  • .env-dist
  • .gitignore
  • .lefthook.yml
  • .npmignore
  • .npmrc
  • .nvmrc
  • .prettierignore
  • .stylelintignore
  • build.sh
  • CHANGELOG.md
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • entry.client.js
  • entry.inline.js
  • entry.ssr.js
  • eslint.config.js
  • LICENSE
  • package-lock.json
  • package.json
  • README.md
  • rspack.config.js
  • SECURITY.md
  • server.js
  • stylelint.config.js
  • svgo.config.js
  • template.html
  • tsconfig.json
  • wdio.conf.js

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/mdn/fred

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd fred

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
HTTPS=true ORIGIN_MAIN=192.168.0.99 npm run start

개발/실행 서버를 켭니다.

FRED_SIMPLE_HTML=true npm run start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

graphify ★ 109,008

문서, SQL 스키마, 설정 파일, PDF 등 모든 코드베이스를 쿼리 가능한 지식 그래프로 변환하세요. Claude Code, Cursor, Codex, Gemi

Python
tech-interview-handbook ★ 142,052

바쁜 소프트웨어 엔지니어를 위한 엄선된 코딩 인터뷰 준비 자료

TypeScript
youtube-dl ★ 140,982

YouTube.com 및 기타 동영상 사이트에서 동영상을 다운로드하는 커맨드라인 프로그램

Python
three.js ★ 114,653

자바스크립트 3D 라이브러리.

JavaScript
claude-code ★ 142,258

Claude Code는 터미널에서 작동하는 에이전틱 코딩 도구로, 코드베이스를 이해하고 자연어 명령을 통해 반복적인 작업을 수행하고, 복잡한 코드를 설명하며, g

Python
free-programming-books-zh_CN ★ 118,364

:books: 무료 컴퓨터 프로그래밍 관련 중국어 서적, 기여를 환영합니다
// repository documentation