98.css - GitLite

KO | EN

gitlite — search

#typescript #llm #go #golang #android #machine-learning #docker #nodejs #macos #cli #vue #pytorch #security #mcp

98.css

(★ 11,452)

오래된 UI를 충실하게 재현하기 위한 디자인 시스템

파일 탐색기

최종 버전 다운로드 (.zip)

- - npm-publish.yml
- docs.css
- icon.png
- index.html.ejs
- vs.css
- window.png
- zoom.png
- - ms_sans_serif.woff
  - ms_sans_serif.woff2
  - ms_sans_serif_bold.woff
  - ms_sans_serif_bold.woff2
- button-down-active.svg
- button-down.svg
- button-left.svg
- button-right.svg
- button-up.svg
- checkmark-disabled.svg
- checkmark.svg
- close.svg
- groupbox-border.svg
- help.svg
- indicator-horizontal.svg
- indicator-rectangle-horizontal.svg
- maximize-disabled.svg
- maximize.svg
- minimize.svg
- radio-border-disabled.svg
- radio-border.svg
- radio-dot-disabled.svg
- radio-dot.svg
- restore.svg
- scrollbar-background.svg
- sunken-panel-border.svg
.editorconfig
.gitignore
.npmignore
build.js
LICENSE
now.json
package-lock.json
package.json
README.md
server.js
style.css

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/jdan/98.css

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

cd 98.css

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

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install 98.css

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

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

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## 98.css
[![npm](https://98badges.now.sh/api/version)](https://npm.im/98.css)
[![gzip size](https://98badges.now.sh/api/size)](https://unpkg.com/98.css)
오래된 UI를 충실하게 재현하기 위한 디자인 시스템입니다.
![a screenshot of a window with the title 'My First VB4 Program' and two buttons OK and Cancel, styled like a Windows 98 dialog](https://github.com/jdan/98.css/blob/main/docs/window.png?raw=true) ![a magnified view showing pixel-perfect borders on a scrollbar and button element](https://github.com/jdan/98.css/blob/main/docs/zoom.png?raw=true?raw=true)
98.css는 시맨틱 HTML을 보기 좋게 꾸며주는 CSS 파일입니다. 자바스크립트를 전혀 포함하지 않으므로, 선호하는 프론트엔드 프레임워크와 함께 사용할 수 있습니다.
[XP.css](https://botoxparty.github.io/XP.css/)와 [7.css](https://khang-nd.github.io/7.css/)도 꼭 확인해 보세요.
### 설치 및 사용법
98.css를 사용하는 가장 쉬운 방법은 [unpkg](https://unpkg.com/)에서 임포트하는 것입니다.
```html

98.css 예제

나의 첫 번째 VB4 프로그램

안녕하세요, 세상!

```
또는 [릴리스 페이지](https://github.com/jdan/98.css/releases)나 [npm](https://www.npmjs.com/package/98.css)을 통해 98.css를 가져올 수 있습니다.
```
npm install 98.css
```
[React와 함께 사용된 98.css 예제](https://codesandbox.io/s/objective-chandrasekhar-t5t6h?file=/src/index.js)와 [바닐라 자바스크립트 예제](https://codesandbox.io/s/late-sound-miqho?file=/index.html)를 참고하세요.
이 라이브러리의 컴포넌트에 대한 구체적인 지침은 [문서 페이지](https://jdan.github.io/98.css/)를 참조하세요.
### 개발하기
먼저 `npm install`을 실행합니다.
모든 작업은 [`style.css`](https://github.com/jdan/98.css/blob/main/style.css)에서 이루어집니다.
`npm start`를 사용하여 파일 변경 사항을 감지하고 98.css를 다시 빌드하며 브라우저를 새로고침하는 개발 환경을 시작할 수 있습니다.
`npm run build`로 수동 빌드를 실행할 수 있습니다. 이 명령어는 `dist/` 디렉토리에 결과물을 생성합니다.
### 이슈, 기여 등
CSS의 버그를 확인하거나 새로운 버그를 신고하려면 [GitHub 이슈 페이지](https://github.com/jdan/98.css/issues)를 참고하세요. 여러분의 풀 리퀘스트를 매우 환영하며(특히 오픈소스에 처음 참여하시는 분들 환영합니다!), 기꺼이 코드 리뷰를 해드리겠습니다. 98.css는 재미있고 가벼운 프로젝트이며, 오픈소스 역량을 키우기 좋은 즐거운 공간이 되었으면 합니다.
저의 작은 프로젝트를 확인해 주셔서 감사드리며, 오늘 이 프로젝트가 여러분에게 작은 즐거움을 주었기를 바랍니다. [GitHub에서 스타 누르기/팔로우하기](https://github.com/jdan/98.css/stargazers)와 [Bluesky](https://bsky.app/profile/jdan.me)에서 제 글을 읽어보는 것도 고려해 주세요. 👋
### 배포
문서 사이트 빌드: `npm run deploy:docs`
npm에 배포: `npm run release`
### 라이선스
[MIT](https://github.com/jdan/98.css/blob/main/LICENSE)