Peerjs: sourceMap ์˜ค๋ฅ˜๋ฅผ ๋กœ๋“œํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2020๋…„ 07์›” 06์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: peers/peerjs

๊ฐ„๋‹จํ•œ ์ฝ”๋“œ๋ฅผ ์‹œ๋„ํ•˜๋Š” ๋™์•ˆ ๋‹ค์Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

DevTools๊ฐ€ SourceMap์„ ๋กœ๋“œํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค: https://unpkg.com/peerjs.min.js.map์— ๋Œ€ํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๋กœ๋“œํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. HTTP ์˜ค๋ฅ˜: ์ƒํƒœ ์ฝ”๋“œ 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

๋‚ด ์ฝ”๋“œ

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <title> Peer JS </title>
    <script src="https://unpkg.com/[email protected]/dist/peerjs.min.js"></script>
  </head>
  <body>
    Peer JS Test
  </body>

  <script>
    let peer = new Peer();

    peer.on('open', function(id) {
        alert('My peer ID is: ' + id);
    });

  </script>
</html>

> 

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‚˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์•Œ๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. (๋‚˜๋Š” ์ด๊ฒƒ์„ ์ฒ˜์Œ ์ ‘ํ•˜๋ฏ€๋กœ ์ž์œ ๋กญ๊ฒŒ ์ˆ˜์ •ํ•˜์‹ญ์‹œ์˜ค)

js ํŒŒ์ผ์— ๋Œ€ํ•œ ๋งํฌ๋ฅผ ์—ด์—ˆ๊ณ .. ๋งˆ์ง€๋ง‰์— sourceMappingfile์— ๋Œ€ํ•œ URL์ด /peerjs.min.js.map ์ž„์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋ž˜์„œ https://unpkg.com/[email protected]/dist/peerjs.min.js.map ์„ ๋ฐฉ๋ฌธํ•˜๋ ค๊ณ  ์‹œ๋„ํ–ˆ๋Š”๋ฐ ๋ถ„๋ช…ํžˆ ํ•ด๋‹น ๋งํฌ๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
์ด ๋งํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ตœ์‹  peerjs ํŒŒ์ผ ์†Œ์Šค ๋งต์„ ํ™•์ธํ•˜๊ณ  1.2.0์ž„์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค(์ง€๊ธˆ ํ˜„์žฌ ์ด๊ฒƒ์ด ์ตœ์‹  ๋ฒ„์ „์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๊นŒ?)
๊ทธ๋Ÿฐ ๋‹ค์Œ URL์„ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. https://unpkg.com/[email protected]/dist/peerjs.min.js.map (๋ฒ„์ „ ํ™•์ธ)
๊ทธ๋ฆฌ๊ณ  ๊ทธ๊ฒƒ์€ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ๋‹ค ..
๋”ฐ๋ผ์„œ ์›๋ณธ ํŒŒ์ผ์˜ sourceMapping url์„ ๋ณ€๊ฒฝํ•˜๊ฑฐ๋‚˜ ํ•ด๋‹น ํŒŒ์ผ์ด ๊ฐ€๋ฆฌํ‚ค๋Š” url์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ์ƒ๊ฐํ•˜๋Š” ๊ฐ€์žฅ ๊ฐ„๋‹จํ•œ ์ˆ˜์ •์€ https://unpkg.com/[email protected]/dist/peerjs.min.js (์ด์ „ ๋ฒ„์ „)๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค(์ €๋Š” ์‚ฌ์šฉํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค)

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋˜ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  1. [peerjs.min.js] ๋‹ค์šด๋กœ๋“œ (https://unpkg.com/[email protected]/dist/peerjs.min.js)
  2. peerjs.min.js.map (์ด์ „ ๋ฒ„์ „) ๋‹ค์šด๋กœ๋“œ
  3. ์ด ๋‹ค์šด๋กœ๋“œํ•œ ํŒŒ์ผ์„ html์— ํฌํ•จ
    ๋‘ ํŒŒ์ผ์€ ๊ฐ™์€ ํด๋”์— ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด peerjs.min.js ํŒŒ์ผ์„ ํŽธ์ง‘ํ•˜๊ณ  //#sourceMappingURL=/peerjs.min.js.map ๋ฅผ //# sourceMappingURL=<path to the map file>

๋ชจ๋“  5 ๋Œ“๊ธ€

๊ฐ™์€.

:) ใ…‹

peerjs.min.js Devtools peerjs.min.js.map ์˜ค๋ฅ˜ #681

๊ฐ™์€ ๋ฌธ์ œ

๋‚˜๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์•Œ๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. (๋‚˜๋Š” ์ด๊ฒƒ์„ ์ฒ˜์Œ ์ ‘ํ•˜๋ฏ€๋กœ ์ž์œ ๋กญ๊ฒŒ ์ˆ˜์ •ํ•˜์‹ญ์‹œ์˜ค)

js ํŒŒ์ผ์— ๋Œ€ํ•œ ๋งํฌ๋ฅผ ์—ด์—ˆ๊ณ .. ๋งˆ์ง€๋ง‰์— sourceMappingfile์— ๋Œ€ํ•œ URL์ด /peerjs.min.js.map ์ž„์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋ž˜์„œ https://unpkg.com/[email protected]/dist/peerjs.min.js.map ์„ ๋ฐฉ๋ฌธํ•˜๋ ค๊ณ  ์‹œ๋„ํ–ˆ๋Š”๋ฐ ๋ถ„๋ช…ํžˆ ํ•ด๋‹น ๋งํฌ๊ฐ€ ์กด์žฌํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
์ด ๋งํฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ตœ์‹  peerjs ํŒŒ์ผ ์†Œ์Šค ๋งต์„ ํ™•์ธํ•˜๊ณ  1.2.0์ž„์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค(์ง€๊ธˆ ํ˜„์žฌ ์ด๊ฒƒ์ด ์ตœ์‹  ๋ฒ„์ „์ด๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๊นŒ?)
๊ทธ๋Ÿฐ ๋‹ค์Œ URL์„ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. https://unpkg.com/[email protected]/dist/peerjs.min.js.map (๋ฒ„์ „ ํ™•์ธ)
๊ทธ๋ฆฌ๊ณ  ๊ทธ๊ฒƒ์€ ํšจ๊ณผ๊ฐ€ ์žˆ์—ˆ๋‹ค ..
๋”ฐ๋ผ์„œ ์›๋ณธ ํŒŒ์ผ์˜ sourceMapping url์„ ๋ณ€๊ฒฝํ•˜๊ฑฐ๋‚˜ ํ•ด๋‹น ํŒŒ์ผ์ด ๊ฐ€๋ฆฌํ‚ค๋Š” url์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‚ด๊ฐ€ ์ƒ๊ฐํ•˜๋Š” ๊ฐ€์žฅ ๊ฐ„๋‹จํ•œ ์ˆ˜์ •์€ https://unpkg.com/[email protected]/dist/peerjs.min.js (์ด์ „ ๋ฒ„์ „)๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค(์ €๋Š” ์‚ฌ์šฉํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค)

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋˜ ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  1. [peerjs.min.js] ๋‹ค์šด๋กœ๋“œ (https://unpkg.com/[email protected]/dist/peerjs.min.js)
  2. peerjs.min.js.map (์ด์ „ ๋ฒ„์ „) ๋‹ค์šด๋กœ๋“œ
  3. ์ด ๋‹ค์šด๋กœ๋“œํ•œ ํŒŒ์ผ์„ html์— ํฌํ•จ
    ๋‘ ํŒŒ์ผ์€ ๊ฐ™์€ ํด๋”์— ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด peerjs.min.js ํŒŒ์ผ์„ ํŽธ์ง‘ํ•˜๊ณ  //#sourceMappingURL=/peerjs.min.js.map ๋ฅผ //# sourceMappingURL=<path to the map file>

์ผํ–ˆ์Šต๋‹ˆ๋‹ค, ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ๋” ์ด์ƒ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰