browser-sync - GitLite

KO | EN

gitlite — search

#hacktoberfest #ai #llm #go #golang #deep-learning #macos #windows #cli #kubernetes #awesome-list #pytorch #security #ios

browser-sync

(★ 12,290)

웹사이트를 제작할 때 여러 브라우저와 기기를 동기화 상태로 유지하세요. https://browsersync.io

파일 탐색기

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

- - main.yml
- - run.js
- - index.html
  - run.js
- 404.js
- callback.js
- express.js
- less.js
- middleware.css.injection.js
- notify-styles.js
- options.snippetOptions.js
- proxy.gzip.js
- proxy.headers.js
- proxy.localhost.js
- proxy.middleware.js
- proxy.middleware.multi.js
- proxy.proxyRes.js
- proxy.rewriteRules.advanced.js
- proxy.rewriteRules.simple.js
- proxy.secure.js
- proxy.vhost.js
- server.basedir.js
- server.basedir.mulitple.js
- server.default.js
- server.gzip.js
- server.http2.js
- server.latency.js
- server.middleware.js
- server.middleware.multiple.js
- server.proxy.js
- server.secure.js
- server.secure.pfx.js
- server.watch.js
- - .gitignore
  - .prettierignore
  - lodash.custom.min.js
  - package-lock.json
  - package.json
  - readme.md
  - tsconfig.json
- - .gitignore
  - .travis.yml
  - index.js
  - LICENSE-MIT
  - package-lock.json
  - package.json
  - README.md
  - tsconfig.json
  - webpack.config.js
- - .editorconfig
  - .gitignore
  - .jshintrc
  - crossbow.yaml
  - example.stream.js
  - index.js
  - LICENSE
  - package-lock.json
  - package.json
  - README.md
  - webpack.config.js
- utils.ts
.editorconfig
.gitattributes
.gitignore
.travis.yml
changelog.js
CONTRIBUTING.md
ISSUE_TEMPLATE.md
lerna.json
LICENSE
nx.json
package-lock.json
package.json
playwright.config.ts
README.md

🚀 설치 가이드

1. 코드 내려받기

git clone https://github.com/BrowserSync/browser-sync

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

cd browser-sync

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

2. Node.js

쉬움 추천

사전 준비물

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

npm install

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

npm start

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

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![](https://img.shields.io/npm/v/browser-sync.svg?style=flat-square)](https://www.npmjs.com/package/browser-sync "NPM version")
[![](https://img.shields.io/npm/dm/browser-sync.svg?style=flat-square)](https://www.npmjs.com/package/browser-sync)

[![](https://raw.githubusercontent.com/BrowserSync/browsersync.github.io/master/public/img/logo-gh.png)](https://www.browsersync.io)

웹사이트를 구축할 때 여러 브라우저와 기기를 동기화하세요.

새로운 소식과 업데이트를 확인하려면 트위터에서 [@Browsersync](https://twitter.com/browsersync)를 팔로우하세요.

[Discord](https://discord.gg/2d2xUThp)에서 질문하세요.

## Features
모든 기능에 대한 자세한 내용은 [browsersync.io](https://browsersync.io)를 방문해 주세요.
## Requirements
Browsersync는 초기 요청 시 `` 태그 바로 뒤에 비동기 스크립트 태그(``)를 주입하는 방식으로 작동합니다. 이것이 정상적으로 작동하려면 `` 태그가 존재해야 합니다. 또는 [snippetOptions](https://www.browsersync.io/docs/options/#option-snippetOptions)를 사용하여 스니펫에 대한 사용자 정의 규칙을 제공할 수 있습니다.
## Upgrading from 1.x to 2.x ?
내부 속성에 접근하지만 않았다면 공개 API에 breaking change가 없으므로 모든 것이 그대로 작동합니다. 하지만 내부적으로는 이제 옵션을 저장/조회하기 위해 불변(immutable) 데이터 구조를 사용합니다. 따라서 이전에는 다음과 같이 URL에 접근할 수 있었다면...
```js
browserSync({server: true}, function(err, bs) {
console.log(bs.options.urls.local);
});
```
...이제는 다음과 같은 방식으로 접근합니다:
```js
browserSync({server: true}, function(err, bs) {
console.log(bs.options.getIn(["urls", "local"]));
});
```
## Install and trouble shooting
[browsersync.io docs](https://browsersync.io)
## Integrations / recipes
[Browsersync recipes](https://github.com/Browsersync/recipes)
## Support
Browser-sync가 유용하다고 느꼈고 지속적인 개발과 지원에 기여하고 싶으시다면, 부담 없는 금액으로 기부해 주세요. 정말 감사하겠습니다!
[Support via PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=\_donations&business=shakyshane%40gmail%2ecom&lc=US&item\_name=browser%2dsync)
## Supported by
원래 [JH](https://www.wearejh.com)의 지원을 받았으며, 브랜딩을 돕기 위해 전문 디자이너에 대한 접근 권한뿐만 아니라 재정적 지원도 제공받았습니다.
Apache 2
Copyright (c) 2021 Shane Osbourne