고수님들 혹시
다른사람들이 짠 코드 JS파일(자바스크립트) 다운받아서 코드를 확인해보면 엄청 길게 나열되서 코드가 복잡하게 되어있는데 이거보면 한눈에 보이는거에요?
아니면 아무리 숙련됬어도 코드보기 힘든건 마찬가지 인가요 이런부분은 검색해도 나오지가 않네요 개인적인 생각이라 그런지 ㅎㅎ
예를들면

요런거... ㅋㅋㅋ
그냥 궁금해서 남겨봅니다
댓글 14개
2년 전
@알림톡 아 ㅋㅋㅋ 그런거군요 어쩐지 코드를 이렇게 짜는사람은 도대체 어느수준까지 도달했길레 이렇게 짜지 라는 생각이 들더라구요 그래서 문득 검색해봣는데 해당내용은 찾기가 힘들더라구요 ㅋㅋㅋ 궁금증 해결... 감사합니다
2년 전
코드 정렬하면 되지 않나요 ?
r, i, n, a, s, o, l;
for (t = Qt(t), n = 0, s = t.length; n < s; n++)
for (1 = t[n], a = 1, o = 1. length; a < o; a += 2) r = e.x(1[a], 1[a + 1]), i = e.y(1[a], 1[a + 1]), 1[a] = r, 1[a + 1] = i;
return t
};
if (
e.type = R; Nt = null
}
e.svg = !(e.vml = "VML" == e.type), e._Paper - M, e.fn = N - M.prototype - e.prototype, e._id = 0, e.is = function(t, e) {
return e - 0. call(e), "finite" == e ? !at[A e.angle(i, n, a, s)
}, e.rad = function(t) {
return t % 360 * U / 180
}, e.deg = function(t) {
return
Math.round(180 * t / U % 360 * 1e3) / 1e3
}, e.snapTo = function(t, r, i) {
if (i = e.is(i,
r.toString(16)
});
e.setWindow = function(r) {
t("raphael.setWindow", e, T.win, r), T.win = r, T.doc = T.win.document, e._engine.initWin && e._engine.initWin(T.win)
};
var
e = (255 & e) << 16 | 65280 & e | (16711680 & e) >>> 16,
"#" + ("000000" + e.toString(16)).slice(-6)
} catch (n) {
return "none"
}
})
}
else {
var
1 = T.doc.createElement("i");
1. title = "R
this.hex
}, It = function(t, r, i) {
if (null == r && e.is(t, "object") && "r" in t && "g" in t && "b" in t && (i = t.b, r = t.g, t = t.r), null == r && e.is(t, Z)) {
var n = e.getRGB(t);
t = n.r, r
t ? (r = e.hsb2rgb(t), t.r = r.r, t.g = r.g, t.b - r.b, t.hex - r.hex) : e.is(t, "object") && "h" in _t && "s" in t && "l" in t ? (r = e.hsl2rgb(t), t.r = r.r, t.g = r.g, t.b - r.b, t.hex = r.hex)
60, 1 = r * e, o = 1 * (1 - H(t % 2 - 1)), n = a = s = r - 1, t = ~~t, n += [1, 0, 0, 0, 0, 1][t], a + -[0, 1, 1, 0, 0, 0][t], s += [0, 0, 0, 1, 1, o][t], qt(n, a, s, i)
}, e.hs12rgb = function(t, e, r, i) {
this.is(
a = W(t, e, r), s = a - G(t, e, r), i = 0 == s ? null : a == t ? (e - r) / s : a == e ? (r - t) / s + 2 : (t - e) / s + 4, i = (i + 360) % 6 * 60 / 360, n = 0 == s ? 0 : s / a, {
h: i,
s: n,
b: a,
toString: Ft
}
}, e.rgb2hs1 = function r = T.doc.createElement("img");
r.style.cssText = "position:absolute;left:-9999em; top:-9999em", r.onload = function() {
e.call(this), this.onload = null, T.doc.body.
r, i, n, s, o, 1, h, u = t.match(nt);
return u ? (u[2] && (s = ut(u[2].substring(5), 16), n - ut(u[2].substring(3, 5), 16), i = ut(u[2].substring(1, 3), 16)), u[3] && (s = ut((1 = u[3]. = 100)), u[5] ? (h = u[5][q](gt), i = ht(h[0]), "%" == h[0].slice(-1) && (i *= 2.55), n = ht(h[1]), "%" == h[1].slice(-1) && (n *= 2.55), s = ht(h[2]), "%" == h[2].slice(-1) && (s *= 2.55 3) || "°" == h[0].slice(-1)) && (i /= 360), "hsla" == u[1].toLowerCase().slice(0, 4) && (o = ht(h[3])), h[3] && "%" == h[3].slice(-1) && (o /= 100), e.hsl2rgb(i, n, s, o)): (u = {
r: i,
t + .5 | 0
}
return "#" + (16777216 | i(r) | i(e) << 8 | i(t) << 16).toString(16).slice(1)
}), e.getColor = function(t) {
var e = this.getColor.start = this.getColor.start || {
h: 0,
s: e.is(t, Q) && e.is(t[0], Q) && (n = Yt(t)),
n.length || I(t).replace(yt, function(t, e, r) {
var a = [],
s = e.toLowerCase();
if (r.replace(bt, function(t, e) {
e && a.push(+e)
}), " e.is(t,Q)&&e.is(t[0],Q)&&(i=Yt(t)),i.length||I(t).replace(mt,function(t,e,r){var n=[],a=0.call(e);r.replace(bt,function(t,e){e&&n.push(+e)}),i.push([e]
1, u = X(h, 3), c = X(h, 2), f = 1 * 1, p = f * 1, d = u * t + 3 * c * 1 * r + 3 * h * 1 * 1 * n + p * s, g = u * e + 3 * c * 1 * i + 3 * h * 1 * 1 * a + p * o, v = t + 2 * 1 * (r - t) + f * (n - 2 * r + t), x = e + 2 * 1 * (i - e) + f * (a - 2 * i + e), y = r + 2 * 1 * (n -
h = Zt.apply(null, t);
return {
x: h.min.x,
y: h.min.y,
x2: h.max.x,
y2: h.max.y,
width: h.max.x - h.min.x,
height: h.max.y -
r, i, n, a, s, o, l;
for (t = Qt(t), n = 0, s = t.length; n < s; n++)
for (1 = t[n], a = 1, o = 1. length; a < o; a += 2) r = e.x(1[a], 1[a + 1]), i = e.y(1[a], 1[a + 1]), 1[a] = r, 1[a + 1] = i;
return t
};
if (
e.type = R; Nt = null
}
e.svg = !(e.vml = "VML" == e.type), e._Paper - M, e.fn = N - M.prototype - e.prototype, e._id = 0, e.is = function(t, e) {
return e - 0. call(e), "finite" == e ? !at[A e.angle(i, n, a, s)
}, e.rad = function(t) {
return t % 360 * U / 180
}, e.deg = function(t) {
return
Math.round(180 * t / U % 360 * 1e3) / 1e3
}, e.snapTo = function(t, r, i) {
if (i = e.is(i,
r.toString(16)
});
e.setWindow = function(r) {
t("raphael.setWindow", e, T.win, r), T.win = r, T.doc = T.win.document, e._engine.initWin && e._engine.initWin(T.win)
};
var
e = (255 & e) << 16 | 65280 & e | (16711680 & e) >>> 16,
"#" + ("000000" + e.toString(16)).slice(-6)
} catch (n) {
return "none"
}
})
}
else {
var
1 = T.doc.createElement("i");
1. title = "R
this.hex
}, It = function(t, r, i) {
if (null == r && e.is(t, "object") && "r" in t && "g" in t && "b" in t && (i = t.b, r = t.g, t = t.r), null == r && e.is(t, Z)) {
var n = e.getRGB(t);
t = n.r, r
t ? (r = e.hsb2rgb(t), t.r = r.r, t.g = r.g, t.b - r.b, t.hex - r.hex) : e.is(t, "object") && "h" in _t && "s" in t && "l" in t ? (r = e.hsl2rgb(t), t.r = r.r, t.g = r.g, t.b - r.b, t.hex = r.hex)
60, 1 = r * e, o = 1 * (1 - H(t % 2 - 1)), n = a = s = r - 1, t = ~~t, n += [1, 0, 0, 0, 0, 1][t], a + -[0, 1, 1, 0, 0, 0][t], s += [0, 0, 0, 1, 1, o][t], qt(n, a, s, i)
}, e.hs12rgb = function(t, e, r, i) {
this.is(
a = W(t, e, r), s = a - G(t, e, r), i = 0 == s ? null : a == t ? (e - r) / s : a == e ? (r - t) / s + 2 : (t - e) / s + 4, i = (i + 360) % 6 * 60 / 360, n = 0 == s ? 0 : s / a, {
h: i,
s: n,
b: a,
toString: Ft
}
}, e.rgb2hs1 = function r = T.doc.createElement("img");
r.style.cssText = "position:absolute;left:-9999em; top:-9999em", r.onload = function() {
e.call(this), this.onload = null, T.doc.body.
r, i, n, s, o, 1, h, u = t.match(nt);
return u ? (u[2] && (s = ut(u[2].substring(5), 16), n - ut(u[2].substring(3, 5), 16), i = ut(u[2].substring(1, 3), 16)), u[3] && (s = ut((1 = u[3]. = 100)), u[5] ? (h = u[5][q](gt), i = ht(h[0]), "%" == h[0].slice(-1) && (i *= 2.55), n = ht(h[1]), "%" == h[1].slice(-1) && (n *= 2.55), s = ht(h[2]), "%" == h[2].slice(-1) && (s *= 2.55 3) || "°" == h[0].slice(-1)) && (i /= 360), "hsla" == u[1].toLowerCase().slice(0, 4) && (o = ht(h[3])), h[3] && "%" == h[3].slice(-1) && (o /= 100), e.hsl2rgb(i, n, s, o)): (u = {
r: i,
t + .5 | 0
}
return "#" + (16777216 | i(r) | i(e) << 8 | i(t) << 16).toString(16).slice(1)
}), e.getColor = function(t) {
var e = this.getColor.start = this.getColor.start || {
h: 0,
s: e.is(t, Q) && e.is(t[0], Q) && (n = Yt(t)),
n.length || I(t).replace(yt, function(t, e, r) {
var a = [],
s = e.toLowerCase();
if (r.replace(bt, function(t, e) {
e && a.push(+e)
}), " e.is(t,Q)&&e.is(t[0],Q)&&(i=Yt(t)),i.length||I(t).replace(mt,function(t,e,r){var n=[],a=0.call(e);r.replace(bt,function(t,e){e&&n.push(+e)}),i.push([e]
1, u = X(h, 3), c = X(h, 2), f = 1 * 1, p = f * 1, d = u * t + 3 * c * 1 * r + 3 * h * 1 * 1 * n + p * s, g = u * e + 3 * c * 1 * i + 3 * h * 1 * 1 * a + p * o, v = t + 2 * 1 * (r - t) + f * (n - 2 * r + t), x = e + 2 * 1 * (i - e) + f * (a - 2 * i + e), y = r + 2 * 1 * (n -
h = Zt.apply(null, t);
return {
x: h.min.x,
y: h.min.y,
x2: h.max.x,
y2: h.max.y,
width: h.max.x - h.min.x,
height: h.max.y -
2년 전
@빠왕 요즘은 이미지에서 코드추출도 가능하니 어려운 일도 아니네요~~^^
카카오톡에서 아숙업(AskUP) 사용해보고 편의성에서 만족합니다.^^
카카오톡에서 아숙업(AskUP) 사용해보고 편의성에서 만족합니다.^^
jihan6?
2년 전
파일의 용량을 줄이기위해 사용하는 방법이죠. minify.
gzip 전송을하면 큰 차이는 없지만 그래도 더 줄어들긴 합니다.
오픈소스면 대부분 minify되지않은 원본 코드를 찾을 수 있어요.
https://github.com/DmitryBaranovskiy/raphael
https://github.com/DmitryBaranovskiy/raphael/blob/master/raphael.js
gzip 전송을하면 큰 차이는 없지만 그래도 더 줄어들긴 합니다.
오픈소스면 대부분 minify되지않은 원본 코드를 찾을 수 있어요.
https://github.com/DmitryBaranovskiy/raphael
https://github.com/DmitryBaranovskiy/raphael/blob/master/raphael.js
2년 전
@jihan6? : 이 답변이 빙고입니다. 지금은 별 거 아닌 것으로 생각하지만, 굳이 저렇게라도 줄이는 프로그래머도 꽤 많았죠.
2년 전
보통 배포할 때 minified된 코드와 전체 코드로 배포하더라고요. 사이트들 돌아다녀보면 대부분 min.js식으로 최소화 시켜서 올리더군요. 아무래도 리소스 절약의 이유겠죠. 다른 사람이 보지 말라고 해놓은 이유도 있고요.
2년 전
@카누 음... 직접 배포를 함에도 저렇게 짜여진건 용량 부분일 가능성이 더 크겠네요 .. 궁금증 해결해주셔서 감사합니다!
게시글 목록
| 번호 | 제목 |
|---|---|
| 1717652 | |
| 1717651 | |
| 1717650 | |
| 1717648 | |
| 1717635 | |
| 1717629 | |
| 1717626 | |
| 1717625 | |
| 1717621 | |
| 1717619 | |
| 1717611 | |
| 1717610 | |
| 1717609 | |
| 1717607 | |
| 1717601 | |
| 1717598 | |
| 1717591 | |
| 1717590 | |
| 1717583 | |
| 1717575 | |
| 1717572 | |
| 1717568 | |
| 1717566 | |
| 1717549 | |
| 1717545 | |
| 1717533 | |
| 1717512 | |
| 1717511 | |
| 1717508 | |
| 1717495 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기