1.82 score from hupso.pl for:
tajoal.net



HTML Content


Titlefrontend developer..tajoal | ui, ux, html5, css3, javascript, front-end developer

Length: 86, Words: 10
Description pusty

Length: 0, Words: 0
Keywords pusty
Robots
Charset UTF-8
Og Meta - Title pusty
Og Meta - Description pusty
Og Meta - Site name pusty
Tytuł powinien zawierać pomiędzy 10 a 70 znaków (ze spacjami), a mniej niż 12 słów w długości.
Meta opis powinien zawierać pomiędzy 50 a 160 znaków (łącznie ze spacjami), a mniej niż 24 słów w długości.
Kodowanie znaków powinny być określone , UTF-8 jest chyba najlepszy zestaw znaków, aby przejść z powodu UTF-8 jest bardziej międzynarodowy kodowaniem.
Otwarte obiekty wykresu powinny być obecne w stronie internetowej (więcej informacji na temat protokołu OpenGraph: http://ogp.me/)

SEO Content

Words/Characters 5817
Text/HTML 18.18 %
Headings H1 0
H2 10
H3 2
H4 0
H5 0
H6 0
H1
H2
[study memo]web storage demo
[study] canvas particle 세번째 : 폭포수 형태와 바운딩의 조합 particle
[study] canvas particle 두번째 : 폭포수 형태의 particle
[study] canvas particle 첫번째 : 바운딩되는 particle
[study] canvas 브라우저 화면 내에서 공 튕기기
[자바스크립트] for문 활용
괜찮은 부트스트랩 어드민 테마
[svg] raphael.js로 만든 둥둥 떠다니는 부유물들..
[스터디] javascript로 만든 두더지잡기 게임 입니다.
[스터디]css3 filter 정리
H3
최근 글
카테고리
H4
H5
H6
strong
b
i
em
Bolds strong 0
b 0
i 0
em 0
Zawartość strony internetowej powinno zawierać więcej niż 250 słów, z stopa tekst / kod jest wyższy niż 20%.
Pozycji używać znaczników (h1, h2, h3, ...), aby określić temat sekcji lub ustępów na stronie, ale zwykle, użyj mniej niż 6 dla każdego tagu pozycje zachować swoją stronę zwięzły.
Styl używać silnych i kursywy znaczniki podkreślić swoje słowa kluczowe swojej stronie, ale nie nadużywać (mniej niż 16 silnych tagi i 16 znaczników kursywy)

Statystyki strony

twitter:title pusty
twitter:description pusty
google+ itemprop=name pusty
Pliki zewnętrzne 16
Pliki CSS 6
Pliki javascript 10
Plik należy zmniejszyć całkowite odwołanie plików (CSS + JavaScript) do 7-8 maksymalnie.

Linki wewnętrzne i zewnętrzne

Linki 86
Linki wewnętrzne 3
Linki zewnętrzne 83
Linki bez atrybutu Title 32
Linki z atrybutem NOFOLLOW 0
Linki - Użyj atrybutu tytuł dla każdego łącza. Nofollow link jest link, który nie pozwala wyszukiwarkom boty zrealizują są odnośniki no follow. Należy zwracać uwagę na ich użytkowania

Linki wewnętrzne

↓ skip to main content #content
 http://jsfiddle.net/choikyunghwan/0xofxzcf/ http://jsfiddle.net/choikyunghwan/0xofxzcf/
#scroll-top

Linki zewnętrzne

- http://tajoal.net/
타조알 http://tajoal.net/?page_id=11
포트폴리오 http://tajoal.net/work
[study memo]web storage demo http://tajoal.net/?p=152
http://tajoal.net/?p=152
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=152#respond
javascript http://tajoal.net/?cat=4
[study] canvas particle 세번째 : 폭포수 형태와 바운딩의 조합 particle http://tajoal.net/?p=148
http://tajoal.net/?p=148
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=148#respond
 http://jsfiddle.net/choikyunghwan/f54aa8fp/1/ http://jsfiddle.net/choikyunghwan/f54aa8fp/1/

http://jsfiddle.net/choikyunghwan/f54aa8fp/1/
html5 http://tajoal.net/?cat=2
[study] canvas particle 두번째 : 폭포수 형태의 particle http://tajoal.net/?p=146
http://tajoal.net/?p=146
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=146#respond
 http://jsfiddle.net/choikyunghwan/v7s5u3hs/ http://jsfiddle.net/choikyunghwan/v7s5u3hs/
html5 http://tajoal.net/?cat=2
[study] canvas particle 첫번째 : 바운딩되는 particle http://tajoal.net/?p=143
http://tajoal.net/?p=143
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=143#respond
 http://jsfiddle.net/choikyunghwan/hcjr6g28/ http://jsfiddle.net/choikyunghwan/hcjr6g28/
html5 http://tajoal.net/?cat=2
[study] canvas 브라우저 화면 내에서 공 튕기기 http://tajoal.net/?p=140
http://tajoal.net/?p=140
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=140#respond
html5 http://tajoal.net/?cat=2
[자바스크립트] for문 활용 http://tajoal.net/?p=138
http://tajoal.net/?p=138
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=138#respond
javascript http://tajoal.net/?cat=4
괜찮은 부트스트랩 어드민 테마 http://tajoal.net/?p=135
http://tajoal.net/?p=135
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=135#respond
http://vinceg.github.io/bootstrap-admin-theme/index.html http://vinceg.github.io/bootstrap-admin-theme/index.html
버스정류장 http://tajoal.net/?cat=5
[svg] raphael.js로 만든 둥둥 떠다니는 부유물들.. http://tajoal.net/?p=130
http://tajoal.net/?p=130
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=130#respond
http://tajoal.net/demo/particle.html http://tajoal.net/demo/particle.html
javascript http://tajoal.net/?cat=4
[스터디] javascript로 만든 두더지잡기 게임 입니다. http://tajoal.net/?p=121
http://tajoal.net/?p=121
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=121#respond
데모보러가기 http://tajoal.net/demo/mole.html
javascript http://tajoal.net/?cat=4
[스터디]css3 filter 정리 http://tajoal.net/?p=104
http://tajoal.net/?p=104
position4 http://tajoal.net/?author=1
댓글 없음 ↓ http://tajoal.net/?p=104#respond
demo 보러가기 http://tajoal.net/demo/css3_filter.html
css3 http://tajoal.net/?cat=3
‹ 오래된 포스트 http://tajoal.net/?paged=2
[study memo]web storage demo http://tajoal.net/?p=152
[study] canvas particle 세번째 : 폭포수 형태와 바운딩의 조합 particle http://tajoal.net/?p=148
[study] canvas particle 두번째 : 폭포수 형태의 particle http://tajoal.net/?p=146
[study] canvas particle 첫번째 : 바운딩되는 particle http://tajoal.net/?p=143
[study] canvas 브라우저 화면 내에서 공 튕기기 http://tajoal.net/?p=140
css3 http://tajoal.net/?cat=3
html5 http://tajoal.net/?cat=2
javascript http://tajoal.net/?cat=4
버스정류장 http://tajoal.net/?cat=5
caniuse http://caniuse.com
jqapi.com http://jqapi.com/
w3schools.com http://w3schools.com/
자바스크립트 소스정리 http://jsbeautifier.org/
생활코딩 http://opentutorials.org/course/1
웹동네 http://www.webdongne.com/bbs/
포트폴리오 http://tajoal.net/work/
- https://twitter.com/otajoal
- https://www.facebook.com/kyunghwan.choi.52
frontend developer..tajoal http://tajoal.net/
responsive theme http://cyberchimps.com/responsive-theme/
wordpress http://wordpress.org/

Zdjęcia

Zdjęcia 3
Zdjęcia bez atrybutu ALT 0
Zdjęcia bez atrybutu TITLE 3
Korzystanie Obraz ALT i TITLE atrybutu dla każdego obrazu.

Zdjęcia bez atrybutu TITLE

http://tajoal.net/wp/wp-content/uploads/2013/10/cropped-copy-logo.png
http://tajoal.net/wp/wp-content/themes/responsive/core/icons/twitter-icon.png
http://tajoal.net/wp/wp-content/themes/responsive/core/icons/facebook-icon.png

Zdjęcia bez atrybutu ALT

empty

Ranking:


Alexa Traffic
Daily Global Rank Trend
Daily Reach (Percent)









Majestic SEO











Text on page:

↓ skip to main content 타조알 포트폴리오 [study memo]web storage demo 글 올린 시간 2015년 6월 26일 글 쓴이 position4 — 댓글 없음 ↓ webstorage javascript // check browser support if (typeof(storage) != "undefined") { // store localstorage.setitem("lastname", "benjamin"); // retrieve document.getelementbyid("result").innerhtml = localstorage.getitem("lastname"); } else { document.getelementbyid("result").innerhtml = "sorry, your browser does not support web storage..."; } //로컬스토로지에 저장 function setlocalstorage(){ var textbox = document.queryselector('#textbox1'); window.localstorage['key1'] = textbox.value; } //로컬스토로지 조회 function getlocalstorage(){ var textbox = document.queryselector('#textbox2'); textbox.value = window.localstorage['key1']; } //세션스토로지에 저장 function setsessionstorage(){ var textbox = document.queryselector('#textbox3'); window.sessionstorage.key1 = textbox.value; } //세션스토로지 조회 function getsessionstorage(){ var textbox = document.queryselector('#textbox4'); textbox.value = window.sessionstorage.key1; } 12345678910111213141516171819202122232425262728293031 // check browser supportif (typeof(storage) != "undefined") { // store localstorage.setitem("lastname", "benjamin"); // retrieve document.getelementbyid("result").innerhtml = localstorage.getitem("lastname");} else { document.getelementbyid("result").innerhtml = "sorry, your browser does not support web storage...";} //로컬스토로지에 저장 function setlocalstorage(){ var textbox = document.queryselector('#textbox1'); window.localstorage['key1'] = textbox.value;} //로컬스토로지 조회function getlocalstorage(){ var textbox = document.queryselector('#textbox2'); textbox.value = window.localstorage['key1'];} //세션스토로지에 저장function setsessionstorage(){ var textbox = document.queryselector('#textbox3'); window.sessionstorage.key1 = textbox.value;} //세션스토로지 조회function getsessionstorage(){ var textbox = document.queryselector('#textbox4'); textbox.value = window.sessionstorage.key1;} javascript 에 올린 글 [study] canvas particle 세번째 : 폭포수 형태와 바운딩의 조합 particle 글 올린 시간 2015년 4월 6일 글 쓴이 position4 — 댓글 없음 ↓ window.onload = function(){ function particle(){ this.x = settings.startingx; this.y = settings.startingy; this.vx = math.random() * 20 - 10; this.vy = math.random() * 20 - 5; particleindex++; particles[particleindex] = this; this.id = particleindex; this.life = 0; } particle.prototype.draw = function(){ this.x += this.vx; this.y += this.vy; this.vy += settings.gravity; this.life++; if(this.life >= settings.maxlife){ delete particles[this.id]; } if((this.y + settings.particlesize) > settings.groundlevel){ this.vy *= -0.6; this.vx *= 0.75; this.y = settings.groundlevel - settings.particlesize; } if(this.x - (settings.particlesize) <= settings.leftwall){ this.vx *= -1; this.x = settings.leftwall + (settings.particlesize); } if(this.x + (settings.particlesize) >= settings.rightwall){ this.vx *= -1; this.x = settings.rightwall - settings.particlesize; } this.vy += settings.gravity; context.clearrect(settings.leftwall, settings.groundlevel, canvas.width, canvas.height); context.beginpath(); context.fillstyle="#ffffff"; context.arc(this.x, this.y, settings.particlesize, 0, math.pi*2, true); context.closepath(); context.fill(); } var canvas = document.createelement('canvas'); var context = canvas.getcontext('2d'); canvas.width = window.innerwidth; canvas.height = window.innerheight; document.body.appendchild(canvas); var posx = 20, posy = canvas.height / 2; var particles = {}, particleindex = 0, settings = { density : 20, particlesize : 10, startingx : canvas.width / 2, startingy : canvas.height / 4, gravity : 0.5, maxlife : 100, groundlevel : canvas.height * 0.75, leftwall : canvas.width * 0.25, rightwall : canvas.width * 0.75 }; (function drawframe(){ window.requestanimationframe(drawframe, canvas) context.fillstyle = "rgba(10,10,10,0.8)"; context.fillrect(0, 0, canvas.width, canvas.height); for (var i = 0; i < settings.density; i++) { if (math.random() > 0.97) { new particle(); } } for(var i in particles) { particles[i].draw(); } }()); } 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 window.onload = function(){ function particle(){ this.x = settings.startingx; this.y = settings.startingy; this.vx = math.random() * 20 - 10; this.vy = math.random() * 20 - 5; particleindex++; particles[particleindex] = this; this.id = particleindex; this.life = 0; } particle.prototype.draw = function(){ this.x += this.vx; this.y += this.vy; this.vy += settings.gravity; this.life++; if(this.life >= settings.maxlife){ delete particles[this.id]; } if((this.y + settings.particlesize) > settings.groundlevel){ this.vy *= -0.6; this.vx *= 0.75; this.y = settings.groundlevel - settings.particlesize; } if(this.x - (settings.particlesize) <= settings.leftwall){ this.vx *= -1; this.x = settings.leftwall + (settings.particlesize); } if(this.x + (settings.particlesize) >= settings.rightwall){ this.vx *= -1; this.x = settings.rightwall - settings.particlesize; } this.vy += settings.gravity; context.clearrect(settings.leftwall, settings.groundlevel, canvas.width, canvas.height); context.beginpath(); context.fillstyle="#ffffff"; context.arc(this.x, this.y, settings.particlesize, 0, math.pi*2, true); context.closepath(); context.fill(); } var canvas = document.createelement('canvas'); var context = canvas.getcontext('2d'); canvas.width = window.innerwidth; canvas.height = window.innerheight; document.body.appendchild(canvas); var posx = 20, posy = canvas.height / 2; var particles = {}, particleindex = 0, settings = { density : 20, particlesize : 10, startingx : canvas.width / 2, startingy : canvas.height / 4, gravity : 0.5, maxlife : 100, groundlevel : canvas.height * 0.75, leftwall : canvas.width * 0.25, rightwall : canvas.width * 0.75 }; (function drawframe(){ window.requestanimationframe(drawframe, canvas) context.fillstyle = "rgba(10,10,10,0.8)"; context.fillrect(0, 0, canvas.width, canvas.height); for (var i = 0; i < settings.density; i++) { if (math.random() > 0.97) { new particle(); } } for(var i in particles) { particles[i].draw(); } }());} 콸콸콸~ 퉁퉁퉁~ 데모보기 : http://jsfiddle.net/choikyunghwan/f54aa8fp/1/ html5 에 올린 글 [study] canvas particle 두번째 : 폭포수 형태의 particle 글 올린 시간 2015년 4월 6일 글 쓴이 position4 — 댓글 없음 ↓ window.onload = function(){ function particle(){ this.x = settings.startingx; this.y = settings.startingy; this.vx = math.random() * 20 - 10; this.vy = math.random() * 20 - 5; particleindex++; particles[particleindex] = this; this.id = particleindex; this.life = 0; } particle.prototype.draw = function(){ this.x += this.vx; this.y += this.vy; this.vy += settings.gravity; this.life++; if(this.life >= settings.maxlife){ delete particles[this.id]; } context.clearrect(settings.leftwall, settings.groundlevel, canvas.width, canvas.height); context.beginpath(); context.fillstyle="#ffffff"; context.arc(this.x, this.y, settings.particlesize, 0, math.pi*2, true); context.closepath(); context.fill(); } var canvas = document.createelement('canvas'); var context = canvas.getcontext('2d'); canvas.width = 800; canvas.height = 500; document.body.appendchild(canvas); var posx = 20, posy = canvas.height / 2; var particles = {}, particleindex = 0, settings = { density : 20, particlesize : 10, startingx : canvas.width / 2, startingy : canvas.height / 4, gravity : 0.5 }; (function drawframe(){ window.requestanimationframe(drawframe, canvas) context.fillstyle = "rgba(10,10,10,0.8)"; context.fillrect(0, 0, canvas.width, canvas.height); for (var i = 0; i < settings.density; i++) { if (math.random() > 0.97) { new particle(); } } for(var i in particles) { particles[i].draw(); } }()); } 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 window.onload = function(){ function particle(){ this.x = settings.startingx; this.y = settings.startingy; this.vx = math.random() * 20 - 10; this.vy = math.random() * 20 - 5; particleindex++; particles[particleindex] = this; this.id = particleindex; this.life = 0; } particle.prototype.draw = function(){ this.x += this.vx; this.y += this.vy; this.vy += settings.gravity; this.life++; if(this.life >= settings.maxlife){ delete particles[this.id]; } context.clearrect(settings.leftwall, settings.groundlevel, canvas.width, canvas.height); context.beginpath(); context.fillstyle="#ffffff"; context.arc(this.x, this.y, settings.particlesize, 0, math.pi*2, true); context.closepath(); context.fill(); } var canvas = document.createelement('canvas'); var context = canvas.getcontext('2d'); canvas.width = 800; canvas.height = 500; document.body.appendchild(canvas); var posx = 20, posy = canvas.height / 2; var particles = {}, particleindex = 0, settings = { density : 20, particlesize : 10, startingx : canvas.width / 2, startingy : canvas.height / 4, gravity : 0.5 }; (function drawframe(){ window.requestanimationframe(drawframe, canvas) context.fillstyle = "rgba(10,10,10,0.8)"; context.fillrect(0, 0, canvas.width, canvas.height); for (var i = 0; i < settings.density; i++) { if (math.random() > 0.97) { new particle(); } } for(var i in particles) { particles[i].draw(); } }());} 콸콸콸~ 데모보기 :  http://jsfiddle.net/choikyunghwan/v7s5u3hs/ html5 에 올린 글 [study] canvas particle 첫번째 : 바운딩되는 particle 글 올린 시간 2015년 4월 6일 글 쓴이 position4 — 댓글 없음 ↓ javascript window.onload = function(){ var canvas = document.createelement('canvas'); var context = canvas.getcontext('2d'); canvas.width = 800; canvas.height = 500; document.body.appendchild(canvas); var posx = 20, posy = canvas.height / 2, vx = 10, vy = -10, gravity = 1; setinterval(function(){ // erase canvas context.fillstyle = "black"; context.fillrect(0,0,canvas.width, canvas.height); posx += vx; posy += vy; if(posy > canvas.height * 0.75){ vy *= -0.6; vx *= 0.75; posy = canvas.height * 0.75; } vy += gravity; context.beginpath(); context.fillstyle = 'white'; context.arc(posx, posy, 10, 0, math.pi*2, true); context.closepath(); context.fill(); }, 30); } 1234567891011121314151617181920212223242526272829303132333435363738 window.onload = function(){ var canvas = document.createelement('canvas'); var context = canvas.getcontext('2d'); canvas.width = 800; canvas.height = 500; document.body.appendchild(canvas); var posx = 20, posy = canvas.height / 2, vx = 10, vy = -10, gravity = 1; setinterval(function(){ // erase canvas context.fillstyle = "black"; context.fillrect(0,0,canvas.width, canvas.height); posx += vx; posy += vy; if(posy > canvas.height * 0.75){ vy *= -0.6; vx *= 0.75; posy = canvas.height * 0.75; } vy += gravity; context.beginpath(); context.fillstyle = 'white'; context.arc(posx, posy, 10, 0, math.pi*2, true); context.closepath(); context.fill(); }, 30); } 퉁퉁퉁~ 데모보기 :  http://jsfiddle.net/choikyunghwan/hcjr6g28/ html5 에 올린 글 [study] canvas 브라우저 화면 내에서 공 튕기기 글 올린 시간 2015년 3월 27일 글 쓴이 position4 — 댓글 없음 ↓ 캔버스 핑퐁 javascript var canvas, context, radius = 5, speed = 10, posx = 0, posy = 500, vx = speed, vy = speed; function init(){ canvas = document.getelementbyid('canvas'); context = canvas.getcontext('2d'); canvas.width = window.innerwidth; canvas.height = window.innerheight; context.rect(0,0,window.innerwidth,window.innerheight); context.fillstyle = "rgba(10,10,10,1)"; context.fill(); } init(); (function drawframe(){ window.requestanimationframe(drawframe, canvas) context.fillstyle = "rgba(10,10,10,0.8)"; context.fillrect(0, 0, canvas.width, canvas.height); posx += vx; posy += vy; if(posy > canvas.height){ vy *= -1; } if(posx > canvas.width){ vx *= -1; } if(posy < 0){ vy = speed; } if(posx < 0){ vx = speed; } context.beginpath(); context.arc(posx, posy, radius, 0, 2 * math.pi, false); context.fillstyle = 'white'; context.fill(); }()); 123456789101112131415161718192021222324252627282930313233343536373839404142434445 var canvas, context, radius = 5, speed = 10, posx = 0, posy = 500, vx = speed, vy = speed; function init(){ canvas = document.getelementbyid('canvas'); context = canvas.getcontext('2d'); canvas.width = window.innerwidth; canvas.height = window.innerheight; context.rect(0,0,window.innerwidth,window.innerheight); context.fillstyle = "rgba(10,10,10,1)"; context.fill();}init();(function drawframe(){ window.requestanimationframe(drawframe, canvas) context.fillstyle = "rgba(10,10,10,0.8)"; context.fillrect(0, 0, canvas.width, canvas.height); posx += vx; posy += vy; if(posy > canvas.height){ vy *= -1; } if(posx > canvas.width){ vx *= -1; } if(posy < 0){ vy = speed; } if(posx < 0){ vx = speed; } context.beginpath(); context.arc(posx, posy, radius, 0, 2 * math.pi, false); context.fillstyle = 'white'; context.fill();}()); 연습삼아 만들어보았습니다. 브라우저 화면 내에서 핑퐁되는 공입니다요~ 데모보기 :  http://jsfiddle.net/choikyunghwan/0xofxzcf/ html5 에 올린 글 [자바스크립트] for문 활용 글 올린 시간 2015년 3월 27일 글 쓴이 position4 — 댓글 없음 ↓ for 문 활용 javascript console.log("문 1) 0에서9까지 순서대로 출력 ") for(var a=0; a<10; a++){ console.log(a); } console.log("문 2) 0에서9까지 거꾸로 출력 ") for(var b=9; b>=0; b--){ console.log(b); } console.log("문 3) 2 4 6 8 10 짝수만 출력 ") for(var c=1; c<=10; c++){ if(c%2==0){ console.log(c); } } console.log("문 4) 1 3 5 7 9 홀수만 출력 ") for(var d=0; d<=10; d++){ if(d%2==1){ console.log(d); } } console.log("문 5) 1~100까지의 수 중 2 4 8 16 32 64만 출력 ") for(var e=2; e<100; e=e*2){ console.log(e); } console.log("문 6) 0~20 사이의 수 중 3의 배수만 출력 ") for(var f=1; f<20; f++){ if(f%3==0){ console.log(f); } } console.log("문 7) 0~100 사이의 수 중 2의 배수이면서 3의 배수인 6 출력 ") for(var g=1; g<100; g++){ if(g%6==0){ console.log(g); } } console.log("문 8) 1 2 3 4 6 7 8 9 10 과 같이 1~10중 5만 빼고 출력 ") for(var h=1; h<=10; h++){ if(h!=5){ console.log(h); } } console.log("문 9) 0~10중 홀수는 앞에 @를 붙여서 출력 ") for(var i=0; i<=10; i++){ if(i%2==0){ console.log(i); }else{ console.log("@"+i); } } console.log("문 10) 1~100까지 합한 값 출력 ") var j=0 for(var k=1; k<=100; k++){ j=j+k; if(k==100){ console.log(j); } } console.log("문 11) 1~100까지 중 홀수만 합한 값 출력 ") var l=0 for(var m=1; m<=100; m++){ if(m%2==1){ l=l+m; if(m==99){ console.log(l); } } } 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 console.log("문 1) 0에서9까지 순서대로 출력 ") for(var a=0; a<10; a++){ console.log(a);} console.log("문 2) 0에서9까지 거꾸로 출력 ") for(var b=9; b>=0; b--){ console.log(b);} console.log("문 3) 2 4 6 8 10 짝수만 출력 ") for(var c=1; c<=10; c++){ if(c%2==0){ console.log(c); }} console.log("문 4) 1 3 5 7 9 홀수만 출력 ") for(var d=0; d<=10; d++){ if(d%2==1){ console.log(d); }} console.log("문 5) 1~100까지의 수 중 2 4 8 16 32 64만 출력 ") for(var e=2; e<100; e=e*2){ console.log(e);} console.log("문 6) 0~20 사이의 수 중 3의 배수만 출력 ") for(var f=1; f<20; f++){ if(f%3==0){ console.log(f); }} console.log("문 7) 0~100 사이의 수 중 2의 배수이면서 3의 배수인 6 출력 ") for(var g=1; g<100; g++){ if(g%6==0){ console.log(g); }} console.log("문 8) 1 2 3 4 6 7 8 9 10 과 같이 1~10중 5만 빼고 출력 ") for(var h=1; h<=10; h++){ if(h!=5){ console.log(h); }} console.log("문 9) 0~10중 홀수는 앞에 @를 붙여서 출력 ") for(var i=0; i<=10; i++){ if(i%2==0){ console.log(i); }else{ console.log("@"+i); }} console.log("문 10) 1~100까지 합한 값 출력 ") var j=0 for(var k=1; k<=100; k++){ j=j+k; if(k==100){ console.log(j); } } console.log("문 11) 1~100까지 중 홀수만 합한 값 출력 ") var l=0 for(var m=1; m<=100; m++){ if(m%2==1){ l=l+m; if(m==99){ console.log(l); } }} javascript 에 올린 글 괜찮은 부트스트랩 어드민 테마 글 올린 시간 2015년 2월 6일 글 쓴이 position4 — 댓글 없음 ↓ 요거 괜찮네요~ http://vinceg.github.io/bootstrap-admin-theme/index.html 버스정류장 에 올린 글 [svg] raphael.js로 만든 둥둥 떠다니는 부유물들.. 글 올린 시간 2015년 1월 26일 글 쓴이 position4 — 댓글 없음 ↓ 안녕하세요 svg 관련 라이브러리를 찾다가 raphael.js 란 라이브러리를 찾게 되었습니다. svg를 자바스크립트로 생성해주는 라이브러리인데 활용도가 높은것 같아요~ 아래는 raphael.js로 만들어 본 부유물(?) 들입니다. ㅎㅎ path를 바꿔서 적용하면 다른 모양의 패턴들도 가능하겠죠? http://tajoal.net/demo/particle.html javascript 에 올린 글 [스터디] javascript로 만든 두더지잡기 게임 입니다. 글 올린 시간 2014년 4월 12일 글 쓴이 position4 — 댓글 없음 ↓ 안녕하세요 자바스크립트로 두더지 잡기 게임을 만들어보았습니다. 동작 원리는 단순합니다.  고득점을 향해 고고싱~ ㅎㅎ 데모보러가기 xhtml

score : 0

1234567
score : 0

css button{ border:none 0; background:none; cursor:pointer; } #molegame{ width:600px; } #panel{ width:600px; height:400px; border:1px solid #000; position:relative; background:url(images/bg.gif) repeat; } #scorepanel{ height:50px; width:600px; text-align:center; font-size:24px; font-weight:bold; line-height:220%; color:#fff; background:#000; border:1px solid #000; } #scorepanel strong{ color:yellow; } #mole{ position:absolute; left:300px; top:150px; width:50px; } #mole:hover{ cursor:pointer; } .btn{ border:2px solid #000; border-radius:5px; background:#000; letter-spacing:-1px; padding:10px; font-size:18px; color:#fff; font-weight:bold; } 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 button{ border:none 0; background:none; cursor:pointer;}#molegame{ width:600px;}#panel{ width:600px; height:400px; border:1px solid #000; position:relative; background:url(images/bg.gif) repeat;} #scorepanel{ height:50px; width:600px; text-align:center; font-size:24px; font-weight:bold; line-height:220%; color:#fff; background:#000; border:1px solid #000;}#scorepanel strong{ color:yellow; }#mole{ position:absolute; left:300px; top:150px; width:50px;}#mole:hover{ cursor:pointer;}.btn{ border:2px solid #000; border-radius:5px; background:#000; letter-spacing:-1px; padding:10px; font-size:18px; color:#fff; font-weight:bold;} javascript $.fn.molegame = function(options){ return this.each(function(){ var setter = { init : function(){ $panel = $("#panel"); $mole = $("#mole"); $play = $("#play"); $scorepanel = $("#scorepanel > strong"); w = $panel.width()-50; h = $panel.height()-50; ntimerid = 0; score = 0; }, initeventlistener : function(){ $play.on("click", function(){ $play.fadeout(100); $play.addclass("btn_off"); setter.gamestart(); setter.clickmole(); }); }, gamestart : function(){ ntimerid = setinterval(function(){ var x = parseint(math.random()*w); var y = parseint(math.random()*h); $mole.animate({ "left":x, "top":y }); }, 1000); settimeout(function(){ if(ntimerid != 0){ clearinterval(ntimerid); } setter.clickmole(); alert("게임종료 되었습니다. \n 점수는 " +score+"점 입니다."); score = 0 ; $mole.off("click"); $play.removeclass("btn_off"); $play.fadein(100); }, 10000); }, clickmole : function(){ $mole.on("click", function(){ score += 1; $scorepanel.html(score); }); $scorepanel.html(score); } } setter.init(); setter.initeventlistener(); }); } $(function(){ $("#molegame").molegame(); }); 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 $.fn.molegame = function(options){ return this.each(function(){ var setter = { init : function(){ $panel = $("#panel"); $mole = $("#mole"); $play = $("#play"); $scorepanel = $("#scorepanel > strong"); w = $panel.width()-50; h = $panel.height()-50; ntimerid = 0; score = 0; }, initeventlistener : function(){ $play.on("click", function(){ $play.fadeout(100); $play.addclass("btn_off"); setter.gamestart(); setter.clickmole(); }); }, gamestart : function(){ ntimerid = setinterval(function(){ var x = parseint(math.random()*w); var y = parseint(math.random()*h); $mole.animate({ "left":x, "top":y }); }, 1000); settimeout(function(){ if(ntimerid != 0){ clearinterval(ntimerid); } setter.clickmole(); alert("게임종료 되었습니다. \n 점수는 " +score+"점 입니다."); score = 0 ; $mole.off("click"); $play.removeclass("btn_off"); $play.fadein(100); }, 10000); }, clickmole : function(){ $mole.on("click", function(){ score += 1; $scorepanel.html(score); }); $scorepanel.html(score); } } setter.init(); setter.initeventlistener(); });} $(function(){ $("#molegame").molegame();}); javascript 에 올린 글 [스터디]css3 filter 정리 글 올린 시간 2014년 2월 6일 글 쓴이 position4 — 댓글 없음 ↓ 이번엔 css3 웹킷 필터들을 하나씩 적용해 보았는데요~ 데모 보시면 아시겠지만 blur랑 drop-shadow 는 아직 되질 않습니다. 나머지 필터 효과들은 크롬에서 보시면 잘 나올겁니다. 필터들이 더 다양해진다면 프로퍼티 하나만으로 멋진 이미지들을 연출할 수 있겠네요~ 기대됩니다~ demo 보러가기 xhtml david west david west david west david west david west david west david west david west
  1. blur(5, 5)
  2. drop-shadow(10, 5, 5)
  3. hue-rotate(328deg)
  4. saturate(5)
  5. invert(1)
  6. grayscale(1)
  7. sepia(1)
1234567891011121314151617 david west david west david west david west david west david west david west david west
  1. blur(5, 5)
  2. drop-shadow(10, 5, 5)
  3. hue-rotate(328deg)
  4. saturate(5)
  5. invert(1)
  6. grayscale(1)
  7. sepia(1)
css img{-webkit-transition:all 1s ease;} .filter01 img:hover{-webkit-filter:blur(50, 50);} .filter02 img:hover{-webkit-filter:drop-shadow(100, 5, 5);} .filter03 img:hover{-webkit-filter:hue-rotate(328deg);} .filter04 img:hover{-webkit-filter:saturate(5);} .filter05 img:hover{-webkit-filter:invert(1);} .filter06 img:hover{-webkit-filter:grayscale(1);} .filter07 img:hover{-webkit-filter:sepia(1);} .filter08 img{-webkit-animation:adjusthue 0.5s alternate infinite;} @-webkit-keyframes adjusthue{ 0%{-webkit-filter:hue-rotate(30deg);} 50%{-webkit-filter:hue-rotate(60deg);} 100%{-webkit-filter:hue-rotate(90deg);} } 123456789101112131415 img{-webkit-transition:all 1s ease;}.filter01 img:hover{-webkit-filter:blur(50, 50);}.filter02 img:hover{-webkit-filter:drop-shadow(100, 5, 5);}.filter03 img:hover{-webkit-filter:hue-rotate(328deg);}.filter04 img:hover{-webkit-filter:saturate(5);}.filter05 img:hover{-webkit-filter:invert(1);}.filter06 img:hover{-webkit-filter:grayscale(1);}.filter07 img:hover{-webkit-filter:sepia(1);}.filter08 img{-webkit-animation:adjusthue 0.5s alternate infinite;} @-webkit-keyframes adjusthue{ 0%{-webkit-filter:hue-rotate(30deg);} 50%{-webkit-filter:hue-rotate(60deg);} 100%{-webkit-filter:hue-rotate(90deg);}} css3 에 올린 글 ‹ 오래된 포스트 search for: 최근 글 [study memo]web storage demo [study] canvas particle 세번째 : 폭포수 형태와 바운딩의 조합 particle [study] canvas particle 두번째 : 폭포수 형태의 particle [study] canvas particle 첫번째 : 바운딩되는 particle [study] canvas 브라우저 화면 내에서 공 튕기기 카테고리 css3 html5 javascript 버스정류장 caniuse jqapi.com w3schools.com 자바스크립트 소스정리 생활코딩 웹동네 포트폴리오 © 2017 frontend developer..tajoal ↑ responsive theme powered by wordpress


Here you find all texts from your page as Google (googlebot) and others search engines seen it.

Words density analysis:

Numbers of all words: 2664

One word

Two words phrases

Three words phrases

canvas - 4.35% (116)
context - 3.08% (82)
particle - 3.04% (81)
var - 2.7% (72)
settings - 2.33% (62)
function - 2.03% (54)
filter - 1.99% (53)
- 1.54% (41)
particles - 1.5% (40)
10, - 1.43% (38)
canvas.height - 1.43% (38)
for - 1.24% (33)
function(){ - 1.2% (32)
web - 1.16% (31)
(var - 1.13% (30)
canvas.width - 1.13% (30)
score - 1.05% (28)
- 1.01% (27)
storage - 1.01% (27)
for(var - 0.98% (26)
textbox - 0.9% (24)
- 0.9% (24)
- 0.9% (24)
posy - 0.9% (24)
출력 - 0.83% (22)
console.log("문 - 0.83% (22)
this.x - 0.75% (20)
new - 0.75% (20)
올린 - 0.75% (20)
posx - 0.75% (20)
particlesize - 0.75% (20)
- 0.68% (18)
context.fillstyle - 0.68% (18)
0){ - 0.6% (16)
math.random() - 0.6% (16)
">west"> - 0.6% (16)
alt="david - 0.6% (16)
particleindex - 0.6% (16)
(function - 0.6% (16)
this.y - 0.6% (16)
- 0.6% (16)
src="http://imgnews.naver.net/image/091/2014/02/05/pep20140205046001034_p2_59_20140205123916.jpg" - 0.6% (16)
style="width:250px;" - 0.6% (16)
this.vy - 0.6% (16)
10; - 0.53% (14)
this.vx - 0.53% (14)
gravity - 0.53% (14)
init - 0.53% (14)
- 0.49% (13)
$play - 0.45% (12)
0.75 - 0.45% (12)
setter - 0.45% (12)
- 0.45% (12)
canvas) - 0.45% (12)
this.life - 0.45% (12)
canvas.height); - 0.45% (12)
canvas.width, - 0.45% (12)
- 0.41% (11)
1234567 - 0.41% (11)
javascript - 0.41% (11)
#000; - 0.38% (10)
123456789101112131415 - 0.38% (10)
context.fill(); - 0.38% (10)
20, - 0.38% (10)
없음 - 0.38% (10)
댓글 - 0.38% (10)
- 0.38% (10)
groundlevel - 0.38% (10)
leftwall - 0.38% (10)
position4 - 0.38% (10)
쓴이 - 0.38% (10)
speed - 0.38% (10)
시간 - 0.38% (10)
[study - 0.38% (10)
}); - 0.38% (10)
1234567891011121314151617 - 0.34% (9)
this.id - 0.3% (8)
[study] - 0.3% (8)
ntimerid - 0.3% (8)
settings.particlesize) - 0.3% (8)
settings.groundlevel - 0.3% (8)
density - 0.3% (8)
vy; - 0.3% (8)
startingx - 0.3% (8)
context.beginpath(); - 0.3% (8)
12345678910111213141516171819202122232425262728293031 - 0.3% (8)
startingy - 0.3% (8)
context.fillrect(0, - 0.3% (8)
(math.random() - 0.3% (8)
vx; - 0.3% (8)
canvas.getcontext('2d'); - 0.3% (8)
$mole - 0.3% (8)
2015년 - 0.3% (8)
-1; - 0.3% (8)
settings.leftwall - 0.3% (8)
textbox.value - 0.3% (8)
gravity; - 0.3% (8)
6일 - 0.26% (7)
1234567891011121314151617181920212223242526272829303132333435363738 - 0.26% (7)
window.requestanimationframe(drawframe, - 0.23% (6)
math.pi*2, - 0.23% (6)
true); - 0.23% (6)
context.closepath(); - 0.23% (6)
rightwall - 0.23% (6)
document.createelement('canvas'); - 0.23% (6)
solid - 0.23% (6)
drawframe(){ - 0.23% (6)
css - 0.23% (6)
- 0.23% (6)
}()); - 0.23% (6)
5) - 0.23% (6)
"rgba(10,10,10,0.8)"; - 0.23% (6)
게임 - 0.23% (6)
width:600px; - 0.23% (6)
- 0.23% (6)
document.body.appendchild(canvas); - 0.23% (6)
maxlife - 0.23% (6)
1~100까지 - 0.23% (6)
i++) - 0.23% (6)
0.75; - 0.23% (6)
123456789101112131415161718192021222324252627282930313233343536373839404142434445 - 0.23% (6)
clickmole - 0.23% (6)
window.onload - 0.23% (6)
$scorepanel - 0.23% (6)
$panel - 0.23% (6)
speed; - 0.23% (6)
#scorepanel - 0.23% (6)
radius - 0.23% (6)
settings.gravity; - 0.23% (6)
if(posy - 0.23% (6)
데모 - 0.23% (6)
(settings.particlesize) - 0.23% (6)
0.5 - 0.23% (6)
drop-shadow - 0.19% (5)
html5 - 0.19% (5)
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 - 0.19% (5)
사이의 - 0.15% (4)
if(posx - 0.15% (4)
- 0.15% (4)
$scorepanel.html(score); - 0.15% (4)
데모보기 - 0.15% (4)
color:#fff; - 0.15% (4)
3의 - 0.15% (4)
initeventlistener - 0.15% (4)
setter.clickmole(); - 0.15% (4)
gamestart - 0.15% (4)
입니다. - 0.15% (4)
홀수만 - 0.15% (4)
0.97) - 0.15% (4)
init(); - 0.15% (4)
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 - 0.15% (4)
particle(); - 0.15% (4)
cursor:pointer; - 0.15% (4)
border:1px - 0.15% (4)
합한 - 0.15% (4)
0에서9까지 - 0.15% (4)
css3 - 0.15% (4)
setinterval(function(){ - 0.15% (4)
text-align:center; - 0.15% (4)
800; - 0.15% (4)
font-weight:bold; - 0.15% (4)
background:#000; - 0.15% (4)
particles) - 0.15% (4)
posy, - 0.15% (4)
context.arc(posx, - 0.15% (4)
'white'; - 0.15% (4)
500; - 0.15% (4)
particles[i].draw(); - 0.15% (4)
settings.density; - 0.15% (4)
4월 - 0.15% (4)
if(this.life - 0.15% (4)
this.life++; - 0.15% (4)
this.vy; - 0.15% (4)
this.vx; - 0.15% (4)
particle.prototype.draw - 0.15% (4)
particleindex; - 0.15% (4)
this; - 0.15% (4)
particles[particleindex] - 0.15% (4)
particleindex++; - 0.15% (4)
settings.startingy; - 0.15% (4)
settings.startingx; - 0.15% (4)
particle(){ - 0.15% (4)
폭포수 - 0.15% (4)
delete - 0.15% (4)
//세션스토로지 - 0.15% (4)
5);} - 0.15% (4)
조회 - 0.15% (4)
//로컬스토로지 - 0.15% (4)
textbox.value; - 0.15% (4)
window.localstorage['key1'] - 0.15% (4)
저장 - 0.15% (4)
else - 0.15% (4)
document.getelementbyid("result").innerhtml - 0.15% (4)
support - 0.15% (4)
browser - 0.15% (4)
demo - 0.15% (4)
자바스크립트 - 0.15% (4)
settings.maxlife){ - 0.15% (4)
window.sessionstorage.key1 - 0.15% (4)
particles[this.id]; - 0.15% (4)
settings.rightwall - 0.15% (4)
100, - 0.15% (4)
{}, - 0.15% (4)
window.innerheight; - 0.15% (4)
window.innerwidth; - 0.15% (4)
this.y, - 0.15% (4)
context.arc(this.x, - 0.15% (4)
context.fillstyle="#ffffff"; - 0.15% (4)
settings.groundlevel, - 0.15% (4)
context.clearrect(settings.leftwall, - 0.15% (4)
settings.particlesize, - 0.15% (4)
if(this.x - 0.15% (4)
-0.6; - 0.15% (4)
settings.particlesize; - 0.15% (4)
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 - 0.11% (3)
화면 - 0.11% (3)
활용 - 0.11% (3)
svg - 0.11% (3)
raphael.js - 0.11% (3)
- 0.11% (3)
되었습니다. - 0.11% (3)
- 0.11% (3)
내에서 - 0.11% (3)
만들어 - 0.11% (3)
필터 - 0.11% (3)
- 0.11% (3)
브라우저 - 0.11% (3)
border-radius:5px; - 0.08% (2)
color:yellow; - 0.08% (2)
0.5s - 0.08% (2)
class="filter08"> - 0.08% (2)
img{-webkit-animation:adjusthue - 0.08% (2)
font-size:24px; - 0.08% (2)
.filter08 - 0.08% (2)
line-height:220%; - 0.08% (2)
img:hover{-webkit-filter:sepia(1);} - 0.08% (2)
.filter07 - 0.08% (2)
img:hover{-webkit-filter:grayscale(1);} - 0.08% (2)
strong{ - 0.08% (2)
#mole{ - 0.08% (2)
letter-spacing:-1px; - 0.08% (2)
position:absolute; - 0.08% (2)
.btn{ - 0.08% (2)
border:2px - 0.08% (2)
top:150px; - 0.08% (2)
.filter06 - 0.08% (2)
font-size:18px; - 0.08% (2)
width:50px; - 0.08% (2)
height:50px; - 0.08% (2)
padding:10px; - 0.08% (2)
#mole:hover{ - 0.08% (2)
left:300px; - 0.08% (2)
@-webkit-keyframes - 0.08% (2)
#scorepanel{ - 0.08% (2)
50%{-webkit-filter:hue-rotate(60deg);} - 0.08% (2)
0 - 0.08% (2)
">id="panel"> - 0.08% (2)
  • blur(5, - 0.08% (2)
  • invert(1)
  • - 0.08% (2)
    100%{-webkit-filter:hue-rotate(90deg);} - 0.08% (2)
    src="images/mole.png" - 0.08% (2)
    ">id="mole"> - 0.08% (2)
    보러가기 - 0.08% (2)
    style="text-align:center;"> - 0.08% (2)
    type="button" - 0.08% (2)
    id="play" - 0.08% (2)
    게임시작!

    ">class="btn">게임시작!

    - 0.08% (2)
    button{ - 0.08% (2)
    repeat; - 0.08% (2)
    border:none - 0.08% (2)
    background:none; - 0.08% (2)
    0%{-webkit-filter:hue-rotate(30deg);} - 0.08% (2)
    #molegame{ - 0.08% (2)
    adjusthue{ - 0.08% (2)
    #panel{ - 0.08% (2)
    height:400px; - 0.08% (2)
    function(options){ - 0.08% (2)
    infinite;} - 0.08% (2)
    alternate - 0.08% (2)
    position:relative; - 0.08% (2)
    background:url(images/bg.gif) - 0.08% (2)
    $.fn.molegame - 0.08% (2)
    .filter05 - 0.08% (2)
    return - 0.08% (2)
    img{-webkit-transition:all - 0.08% (2)
    settimeout(function(){ - 0.08% (2)
    if(ntimerid - 0.08% (2)
    clearinterval(ntimerid); - 0.08% (2)
    alert("게임종료 - 0.08% (2)
    점수는 - 0.08% (2)
    +score+"점 - 0.08% (2)
    입니다."); - 0.08% (2)
    $mole.off("click"); - 0.08% (2)
    $play.removeclass("btn_off"); - 0.08% (2)
    img:hover{-webkit-filter:blur(50, - 0.08% (2)
    $play.fadein(100); - 0.08% (2)
    .filter01 - 0.08% (2)
    ease;} - 0.08% (2)
    10000); - 0.08% (2)
    "top":y - 0.08% (2)
    - 0.08% (2)
    $mole.on("click", - 0.08% (2)
  • sepia(1)
  • - 0.08% (2)
    setter.init(); - 0.08% (2)
    setter.initeventlistener(); - 0.08% (2)
    $(function(){ - 0.08% (2)
    $("#molegame").molegame(); - 0.08% (2)
    class="filter02"> - 0.08% (2)
    정리 - 0.08% (2)
  • drop-shadow(10, - 0.08% (2)
  • hue-rotate(328deg)
  • - 0.08% (2)
  • saturate(5)
  • - 0.08% (2)
    class="filter01"> - 0.08% (2)
    1000); - 0.08% (2)
    "left":x, - 0.08% (2)
    this.each(function(){ - 0.08% (2)
    $panel.height()-50; - 0.08% (2)
    class="filter07"> - 0.08% (2)
    img:hover{-webkit-filter:invert(1);} - 0.08% (2)
    보시면 - 0.08% (2)
    $("#panel"); - 0.08% (2)
    class="filter06"> - 0.08% (2)
    $("#mole"); - 0.08% (2)
    class="filter05"> - 0.08% (2)
    $("#play"); - 0.08% (2)
  • grayscale(1)
  • - 0.08% (2)
    $("#scorepanel - 0.08% (2)
    strong"); - 0.08% (2)
    img:hover{-webkit-filter:saturate(5);} - 0.08% (2)
    $panel.width()-50; - 0.08% (2)
    .filter04 - 0.08% (2)
    $mole.animate({ - 0.08% (2)
    img:hover{-webkit-filter:hue-rotate(328deg);} - 0.08% (2)
    .filter03 - 0.08% (2)
    $play.on("click", - 0.08% (2)
    class="filter04"> - 0.08% (2)
    img:hover{-webkit-filter:drop-shadow(100, - 0.08% (2)
    $play.fadeout(100); - 0.08% (2)
    $play.addclass("btn_off"); - 0.08% (2)
    setter.gamestart(); - 0.08% (2)
      - 0.08% (2)
      class="filter03"> - 0.08% (2)
      .filter02 - 0.08% (2)
      50);} - 0.08% (2)
      parseint(math.random()*w); - 0.08% (2)
      parseint(math.random()*h); - 0.08% (2)
      score">id="scorepanel">score - 0.08% (2)
      if(d%2==1){ - 0.08% (2)
      ">id="molegame"> - 0.08% (2)
      context.fillrect(0,0,canvas.width, - 0.08% (2)
      canvas, - 0.08% (2)
      핑퐁 - 0.08% (2)
      27일 - 0.08% (2)
      3월 - 0.08% (2)
      튕기기 - 0.08% (2)
      30); - 0.08% (2)
      0.75){ - 0.08% (2)
      "black"; - 0.08% (2)
      500, - 0.08% (2)
      erase - 0.08% (2)
      -10, - 0.08% (2)
      바운딩되는 - 0.08% (2)
      첫번째 - 0.08% (2)
      형태의 - 0.08% (2)
      두번째 - 0.08% (2)
      퉁퉁퉁~ - 0.08% (2)
      콸콸콸~ - 0.08% (2)
      context, - 0.08% (2)
      speed, - 0.08% (2)
      1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 - 0.08% (2)
      순서대로 - 0.08% (2)
      b>=0; - 0.08% (2)
      b=9; - 0.08% (2)
      거꾸로 - 0.08% (2)
      console.log(a); - 0.08% (2)
      a++){ - 0.08% (2)
      a<10; - 0.08% (2)
      a=0; - 0.08% (2)
      만들어보았습니다. - 0.08% (2)
      init(){ - 0.08% (2)
      false); - 0.08% (2)
      math.pi, - 0.08% (2)
      radius, - 0.08% (2)
      canvas.width){ - 0.08% (2)
      canvas.height){ - 0.08% (2)
      "rgba(10,10,10,1)"; - 0.08% (2)
      context.rect(0,0,window.innerwidth,window.innerheight); - 0.08% (2)
      document.getelementbyid('canvas'); - 0.08% (2)
      }());} - 0.08% (2)
      0.25, - 0.08% (2)
      console.log(b); - 0.08% (2)
      localstorage.getitem("lastname"); - 0.08% (2)
      setlocalstorage(){ - 0.08% (2)
      //로컬스토로지에 - 0.08% (2)
      storage..."; - 0.08% (2)
      not - 0.08% (2)
      does - 0.08% (2)
      your - 0.08% (2)
      "sorry, - 0.08% (2)
      retrieve - 0.08% (2)
      getlocalstorage(){ - 0.08% (2)
      "benjamin"); - 0.08% (2)
      localstorage.setitem("lastname", - 0.08% (2)
      store - 0.08% (2)
      "undefined") - 0.08% (2)
      (typeof(storage) - 0.08% (2)
      check - 0.08% (2)
      26일 - 0.08% (2)
      memo]web - 0.08% (2)
      document.queryselector('#textbox1'); - 0.08% (2)
      document.queryselector('#textbox2'); - 0.08% (2)
      0.75, - 0.08% (2)
      형태와 - 0.08% (2)
      0.5, - 0.08% (2)
      settings.rightwall){ - 0.08% (2)
      (settings.particlesize); - 0.08% (2)
      settings.leftwall){ - 0.08% (2)
      settings.groundlevel){ - 0.08% (2)
      if((this.y - 0.08% (2)
      조합 - 0.08% (2)
      바운딩의 - 0.08% (2)
      세번째 - 0.08% (2)
      window.localstorage['key1']; - 0.08% (2)
      조회function - 0.08% (2)
      textbox.value;} - 0.08% (2)
      window.sessionstorage.key1; - 0.08% (2)
      document.queryselector('#textbox4'); - 0.08% (2)
      getsessionstorage(){ - 0.08% (2)
      document.queryselector('#textbox3'); - 0.08% (2)
      setsessionstorage(){ - 0.08% (2)
      //세션스토로지에 - 0.08% (2)
      b--){ - 0.08% (2)
      짝수만 - 0.08% (2)
      xhtml - 0.08% (2)
      10) - 0.08% (2)
      console.log(j); - 0.08% (2)
      if(k==100){ - 0.08% (2)
      j=j+k; - 0.08% (2)
      k++){ - 0.08% (2)
      k<=100; - 0.08% (2)
      k=1; - 0.08% (2)
      j=0 - 0.08% (2)
      console.log("@"+i); - 0.08% (2)
      l=0 - 0.08% (2)
      }else{ - 0.08% (2)
      console.log(i); - 0.08% (2)
      if(i%2==0){ - 0.08% (2)
      i++){ - 0.08% (2)
      i<=10; - 0.08% (2)
      i=0; - 0.08% (2)
      붙여서 - 0.08% (2)
      @를 - 0.08% (2)
      11) - 0.08% (2)
      m=1; - 0.08% (2)
      홀수는 - 0.08% (2)
      안녕하세요 - 0.08% (2)
      잡기 - 0.08% (2)
      두더지 - 0.08% (2)
      2014년 - 0.08% (2)
      [스터디] - 0.08% (2)
      ㅎㅎ - 0.08% (2)
      자바스크립트로 - 0.08% (2)
      라이브러리를 - 0.08% (2)
      만든 - 0.08% (2)
      m<=100; - 0.08% (2)
      raphael.js로 - 0.08% (2)
      버스정류장 - 0.08% (2)
      2월 - 0.08% (2)
      console.log(l); - 0.08% (2)
      if(m==99){ - 0.08% (2)
      l=l+m; - 0.08% (2)
      if(m%2==1){ - 0.08% (2)
      m++){ - 0.08% (2)
      앞에 - 0.08% (2)
      0~10중 - 0.08% (2)
      c=1; - 0.08% (2)
      1~100까지의 - 0.08% (2)
      배수만 - 0.08% (2)
      0~20 - 0.08% (2)
      console.log(e); - 0.08% (2)
      e=e*2){ - 0.08% (2)
      e<100; - 0.08% (2)
      e=2; - 0.08% (2)
      64만 - 0.08% (2)
      console.log(d); - 0.08% (2)
      f<20; - 0.08% (2)
      포트폴리오 - 0.08% (2)
      d++){ - 0.08% (2)
      d<=10; - 0.08% (2)
      d=0; - 0.08% (2)
      console.log(c); - 0.08% (2)
      if(c%2==0){ - 0.08% (2)
      c++){ - 0.08% (2)
      c<=10; - 0.08% (2)
      f=1; - 0.08% (2)
      f++){ - 0.08% (2)
      console.log(h); - 0.08% (2)
      console.log(g); - 0.08% (2)
      if(h!=5){ - 0.08% (2)
      h++){ - 0.08% (2)
      h<=10; - 0.08% (2)
      h=1; - 0.08% (2)
      빼고 - 0.08% (2)
      5만 - 0.08% (2)
      1~10중 - 0.08% (2)
      같이 - 0.08% (2)
      if(g%6==0){ - 0.08% (2)
      if(f%3==0){ - 0.08% (2)
      g++){ - 0.08% (2)
      g<100; - 0.08% (2)
      g=1; - 0.08% (2)
      배수인 - 0.08% (2)
      배수이면서 - 0.08% (2)
      2의 - 0.08% (2)
      0~100 - 0.08% (2)
      console.log(f); - 0.08% (2)
      theme - 0.08% (2)
    출력 ") - 0.83% (22)
    } console.log("문 - 0.75% (20)
    ") for(var - 0.68% (18)
    style="width:250px;" alt="david - 0.6% (16)
    ">alt="david west"> - 0.6% (16)
    src="http://imgnews.naver.net/image/091/2014/02/05/pep20140205046001034_p2_59_20140205123916.jpg" style="width:250px;" - 0.6% (16)
    +west"> - 0.53% (14)
    context.fillstyle = - 0.53% (14)
    canvas.width, canvas.height); - 0.45% (12)
    posy = - 0.38% (10)
    에 올린 - 0.38% (10)
    = function(){ - 0.38% (10)
    댓글 없음 - 0.38% (10)
    position4 — - 0.38% (10)
    글 쓴이 - 0.38% (10)
    canvas.height / - 0.38% (10)
    글 올린 - 0.38% (10)
    (var i - 0.38% (10)
    올린 글 - 0.38% (10)
    없음 ↓ - 0.38% (10)
    — 댓글 - 0.38% (10)
    쓴이 position4 - 0.38% (10)
    올린 시간 - 0.38% (10)
    this.x = - 0.3% (8)
    [study] canvas - 0.3% (8)
    canvas = - 0.3% (8)
    *= -1; - 0.3% (8)
    context.fill(); } - 0.3% (8)
    context = - 0.3% (8)
    canvas.getcontext('2d'); canvas.width - 0.3% (8)
    canvas.height = - 0.3% (8)
    = math.random() - 0.3% (8)
    math.random() * - 0.3% (8)
    시간 2015년 - 0.3% (8)
    canvas.width = - 0.3% (8)
    var canvas - 0.3% (8)
    : canvas.width - 0.3% (8)
    var textbox - 0.3% (8)
    = canvas.getcontext('2d'); - 0.3% (8)
    : function(){ - 0.3% (8)
    posx = - 0.3% (8)
    = canvas.height - 0.3% (8)
    6일 글 - 0.26% (7)
    } 123456789101112131415 - 0.26% (7)
    (function drawframe(){ - 0.23% (6)
    window.requestanimationframe(drawframe, canvas) - 0.23% (6)
    canvas.height * - 0.23% (6)
    document.createelement('canvas'); var - 0.23% (6)
    : canvas.height - 0.23% (6)
    context.closepath(); context.fill(); - 0.23% (6)
    20, posy - 0.23% (6)
    math.pi*2, true); - 0.23% (6)
    = document.createelement('canvas'); - 0.23% (6)
    document.body.appendchild(canvas); var - 0.23% (6)
    solid #000; - 0.23% (6)
    += settings.gravity; - 0.23% (6)
    0, canvas.width, - 0.23% (6)
    this.vy += - 0.23% (6)
    var context - 0.23% (6)
    "rgba(10,10,10,0.8)"; context.fillrect(0, - 0.23% (6)
    true); context.closepath(); - 0.23% (6)
    0, math.pi*2, - 0.23% (6)
    var posx - 0.23% (6)
    for(var i - 0.23% (6)
    drawframe(){ window.requestanimationframe(drawframe, - 0.23% (6)
    }} console.log("문 - 0.23% (6)
    window.onload = - 0.23% (6)
    context.fillrect(0, 0, - 0.23% (6)
    = "rgba(10,10,10,0.8)"; - 0.23% (6)
    this.y = - 0.23% (6)
    function(){ var - 0.23% (6)
    수 중 - 0.23% (6)
    canvas) context.fillstyle - 0.23% (6)
    canvas particle - 0.23% (6)
    = speed; - 0.23% (6)
    context.beginpath(); context.fillstyle - 0.23% (6)
    } 1234567891011121314151617181920212223242526272829303132333435363738 - 0.19% (5)
    글 [study - 0.19% (5)
    particleindex++; particles[particleindex] - 0.15% (4)
    } particle.prototype.draw - 0.15% (4)
    context.arc(posx, posy, - 0.15% (4)
    = this; - 0.15% (4)
    = 'white'; - 0.15% (4)
    this.vx = - 0.15% (4)
    = settings.startingy; - 0.15% (4)
    particleindex; this.life - 0.15% (4)
    this.id = - 0.15% (4)
    settings.startingx; this.y - 0.15% (4)
    function particle(){ - 0.15% (4)
    10; this.vy - 0.15% (4)
    vy; if(posy - 0.15% (4)
    canvas.height); posx - 0.15% (4)
    += vx; - 0.15% (4)
    posy += - 0.15% (4)
    this.x += - 0.15% (4)
    > canvas.height - 0.15% (4)
    ntimerid = - 0.15% (4)
    사이의 수 - 0.15% (4)
    }); }, - 0.15% (4)
    $scorepanel.html(score); } - 0.15% (4)
    } if(posx - 0.15% (4)
    : 폭포수 - 0.15% (4)
    score = - 0.15% (4)
    = window.innerwidth; - 0.15% (4)
    html5 에 - 0.15% (4)
    } }()); - 0.15% (4)
    *= -0.6; - 0.15% (4)
    startingy : - 0.15% (4)
    this.vx; this.y - 0.15% (4)
    { particles[i].draw(); - 0.15% (4)
    context.arc(this.x, this.y, - 0.15% (4)
    settings.particlesize, 0, - 0.15% (4)
    < settings.density; - 0.15% (4)
    for (var - 0.15% (4)
    = 800; - 0.15% (4)
    500; document.body.appendchild(canvas); - 0.15% (4)
    }; (function - 0.15% (4)
    if (math.random() - 0.15% (4)
    4, gravity - 0.15% (4)
    2; var - 0.15% (4)
    particles = - 0.15% (4)
    {}, particleindex - 0.15% (4)
    settings = - 0.15% (4)
    { density - 0.15% (4)
    particlesize : - 0.15% (4)
    i++) { - 0.15% (4)
    context.beginpath(); context.fillstyle="#ffffff"; - 0.15% (4)
    if(posy > - 0.15% (4)
    += this.vy; - 0.15% (4)
    += vy; - 0.15% (4)
    vx; posy - 0.15% (4)
    10, startingx - 0.15% (4)
    border:1px solid - 0.15% (4)
    = 500; - 0.15% (4)
    800; canvas.height - 0.15% (4)
    particles[i].draw(); } - 0.15% (4)
    settings.gravity; this.life++; - 0.15% (4)
    > 0.97) - 0.15% (4)
    if(this.life >= - 0.15% (4)
    settings.maxlife){ delete - 0.15% (4)
    particles[this.id]; } - 0.15% (4)
    particles) { - 0.15% (4)
    } for(var - 0.15% (4)
    particle(); } - 0.15% (4)
    context.clearrect(settings.leftwall, settings.groundlevel, - 0.15% (4)
    posx += - 0.15% (4)
    0.97) { - 0.15% (4)
    in particles) - 0.15% (4)
    this; this.id - 0.15% (4)
    settings.particlesize; } - 0.15% (4)
    *= 0.75; - 0.15% (4)
    5, 5) - 0.15% (4)
    delete particles[this.id]; - 0.15% (4)
    >= settings.maxlife){ - 0.15% (4)
    this.life++; if(this.life - 0.15% (4)
    this.vy; this.vy - 0.15% (4)
    this.y += - 0.15% (4)
    += this.vx; - 0.15% (4)
    function(){ this.x - 0.15% (4)
    particle.prototype.draw = - 0.15% (4)
    this.life = - 0.15% (4)
    = particleindex; - 0.15% (4)
    particles[particleindex] = - 0.15% (4)
    canvas.height); context.beginpath(); - 0.15% (4)
    5; particleindex++; - 0.15% (4)
    this.vy = - 0.15% (4)
    settings.startingy; this.vx - 0.15% (4)
    = settings.startingx; - 0.15% (4)
    particle(){ this.x - 0.15% (4)
    function(){ function - 0.15% (4)
    new particle(); - 0.15% (4)
    - 0.15% (4)
    합한 값 - 0.15% (4)
    javascript 에 - 0.15% (4)
    textbox.value = - 0.15% (4)
    ") var - 0.15% (4)
    값 출력 - 0.15% (4)
    settings.groundlevel, canvas.width, - 0.15% (4)
    글 [study] - 0.15% (4)
    context.fillstyle="#ffffff"; context.arc(this.x, - 0.15% (4)
    particleindex = - 0.15% (4)
    (math.random() > - 0.15% (4)
    this.y, settings.particlesize, - 0.15% (4)
    settings.density; i++) - 0.15% (4)
    canvas.height); for - 0.15% (4)
    canvas.width * - 0.15% (4)
    gravity : - 0.15% (4)
    2, startingy - 0.15% (4)
    canvas.width / - 0.15% (4)
    startingx : - 0.15% (4)
    20, particlesize - 0.15% (4)
    density : - 0.15% (4)
    0, settings - 0.15% (4)
    speed; } - 0.15% (4)
    var particles - 0.15% (4)
    = window.innerheight; - 0.15% (4)
    window.innerwidth; canvas.height - 0.15% (4)
    4월 6일 - 0.11% (3)
    particle [study] - 0.11% (3)
    } #scorepanel - 0.11% (3)
    브라우저 화면 - 0.11% (3)
    2015년 4월 - 0.11% (3)
    particle 글 - 0.11% (3)
    화면 내에서 - 0.11% (3)
    console.log("문 11) - 0.08% (2)
    0 - 0.08% (2)
    if(k==100){ console.log(j); - 0.08% (2)
    1~100까지 중 - 0.08% (2)
    k=1; k<=100; - 0.08% (2)
    = $panel.height()-50; - 0.08% (2)
    k++){ j=j+k; - 0.08% (2)
    $panel.width()-50; h - 0.08% (2)
    홀수만 합한 - 0.08% (2)
    0; score - 0.08% (2)
    > strong"); - 0.08% (2)
    = $("#scorepanel - 0.08% (2)
    $("#play"); $scorepanel - 0.08% (2)
    l=0 for(var - 0.08% (2)
    m=1; m<=100; - 0.08% (2)
    $play = - 0.08% (2)
    = $("#mole"); - 0.08% (2)
    m++){ if(m%2==1){ - 0.08% (2)
    j=0 for(var - 0.08% (2)
    gamestart : - 0.08% (2)
    }, initeventlistener - 0.08% (2)
    = parseint(math.random()*w); - 0.08% (2)
    settimeout(function(){ if(ntimerid - 0.08% (2)
    }, 1000); - 0.08% (2)
    h++){ if(h!=5){ - 0.08% (2)
    console.log("문 10) - 0.08% (2)
    "top":y }); - 0.08% (2)
    $mole.animate({ "left":x, - 0.08% (2)
    = parseint(math.random()*h); - 0.08% (2)
    = setinterval(function(){ - 0.08% (2)
    $play.on("click", function(){ - 0.08% (2)
    1~100까지 합한 - 0.08% (2)
    top:150px; width:50px; - 0.08% (2)
    function(){ ntimerid - 0.08% (2)
    console.log(l); } - 0.08% (2)
    cursor:pointer; } - 0.08% (2)
    setter.gamestart(); setter.clickmole(); - 0.08% (2)
    $play.fadeout(100); $play.addclass("btn_off"); - 0.08% (2)
    l=l+m; if(m==99){ - 0.08% (2)
    { init - 0.08% (2)
    $("#panel"); $mole - 0.08% (2)
    background:#000; border:1px - 0.08% (2)
    +">id="mole"> - 0.08% (2)

    - 0.08% (2)
    type="button" id="play" - 0.08% (2)
    #panel{ width:600px; - 0.08% (2)
    +id="molegame"> - 0.08% (2)
    position:absolute; left:300px; - 0.08% (2)
    background:none; cursor:pointer; - 0.08% (2)
    strong{ color:yellow; - 0.08% (2)
    line-height:220%; color:#fff; - 0.08% (2)
    letter-spacing:-1px; padding:10px; - 0.08% (2)
    border-radius:5px; background:#000; - 0.08% (2)
    font-size:24px; font-weight:bold; - 0.08% (2)
    width:600px; text-align:center; - 0.08% (2)
    border:none 0; - 0.08% (2)
    style="text-align:center;">

    출력 ") for(var - 0.68% (18)
    ">style="width:250px;" alt="david west"> - 0.6% (16)
    src="http://imgnews.naver.net/image/091/2014/02/05/pep20140205046001034_p2_59_20140205123916.jpg" style="width:250px;" alt="david - 0.6% (16)
    댓글 없음 ↓ - 0.38% (10)
    — 댓글 없음 - 0.38% (10)
    글 쓴이 position4 - 0.38% (10)
    글 올린 시간 - 0.38% (10)
    에 올린 글 - 0.38% (10)
    position4 — 댓글 - 0.38% (10)
    쓴이 position4 — - 0.38% (10)
    = canvas.getcontext('2d'); canvas.width - 0.3% (8)
    context = canvas.getcontext('2d'); - 0.3% (8)
    canvas.getcontext('2d'); canvas.width = - 0.3% (8)
    posy = canvas.height - 0.3% (8)
    = math.random() * - 0.3% (8)
    var textbox = - 0.3% (8)
    올린 시간 2015년 - 0.3% (8)
    } } console.log("문 - 0.3% (8)
    math.random() * 20 - 0.3% (8)
    6일 글 쓴이 - 0.26% (7)
    this.vy += settings.gravity; - 0.23% (6)
    drawframe(){ window.requestanimationframe(drawframe, canvas) - 0.23% (6)
    (function drawframe(){ window.requestanimationframe(drawframe, - 0.23% (6)
    window.onload = function(){ - 0.23% (6)
    canvas) context.fillstyle = - 0.23% (6)
    document.createelement('canvas'); var context - 0.23% (6)
    posx = 20, - 0.23% (6)
    var context = - 0.23% (6)
    [study] canvas particle - 0.23% (6)
    context.fillrect(0, 0, canvas.width, - 0.23% (6)
    canvas = document.createelement('canvas'); - 0.23% (6)
    math.pi*2, true); context.closepath(); - 0.23% (6)
    = canvas.height / - 0.23% (6)
    = 20, posy - 0.23% (6)
    document.body.appendchild(canvas); var posx - 0.23% (6)
    = document.createelement('canvas'); var - 0.23% (6)
    true); context.closepath(); context.fill(); - 0.23% (6)
    context.fillstyle = "rgba(10,10,10,0.8)"; - 0.23% (6)
    "rgba(10,10,10,0.8)"; context.fillrect(0, 0, - 0.23% (6)
    context.closepath(); context.fill(); } - 0.23% (6)
    20, posy = - 0.23% (6)
    var canvas = - 0.23% (6)
    vx *= -1; - 0.23% (6)
    0, math.pi*2, true); - 0.23% (6)
    window.requestanimationframe(drawframe, canvas) context.fillstyle - 0.23% (6)
    = "rgba(10,10,10,0.8)"; context.fillrect(0, - 0.23% (6)
    0, canvas.width, canvas.height); - 0.23% (6)
    var posx = - 0.23% (6)
    var particles = - 0.15% (4)
    canvas.height); context.beginpath(); context.fillstyle="#ffffff"; - 0.15% (4)
    context.clearrect(settings.leftwall, settings.groundlevel, canvas.width, - 0.15% (4)
    canvas.height / 2; - 0.15% (4)
    / 4, gravity - 0.15% (4)
    function(){ function particle(){ - 0.15% (4)
    {}, particleindex = - 0.15% (4)
    this.vx *= -1; - 0.15% (4)
    = window.innerwidth; canvas.height - 0.15% (4)
    this.y = settings.startingy; - 0.15% (4)
    this.x = settings.startingx; - 0.15% (4)
    particles) { particles[i].draw(); - 0.15% (4)
    0, settings = - 0.15% (4)
    html5 에 올린 - 0.15% (4)
    10; this.vy = - 0.15% (4)
    { density : - 0.15% (4)
    20, particlesize : - 0.15% (4)
    10, startingx : - 0.15% (4)
    for(var i in - 0.15% (4)
    particle(); } } - 0.15% (4)
    0.97) { new - 0.15% (4)
    if (math.random() > - 0.15% (4)
    settings.density; i++) { - 0.15% (4)
    context.arc(this.x, this.y, settings.particlesize, - 0.15% (4)
    canvas.width, canvas.height); for - 0.15% (4)
    canvas.width / 2, - 0.15% (4)
    startingy : canvas.height - 0.15% (4)
    this.vx = math.random() - 0.15% (4)
    this.y, settings.particlesize, 0, - 0.15% (4)
    - 5; particleindex++; - 0.15% (4)
    vy *= -0.6; - 0.15% (4)
    { new particle(); - 0.15% (4)
    } } for(var - 0.15% (4)
    i in particles) - 0.15% (4)
    { particles[i].draw(); } - 0.15% (4)
    canvas.width = 800; - 0.15% (4)
    canvas.height = 500; - 0.15% (4)
    gravity : 0.5 - 0.15% (4)
    canvas.height); posx += - 0.15% (4)
    vx; posy += - 0.15% (4)
    vy; if(posy > - 0.15% (4)
    vx *= 0.75; - 0.15% (4)
    i++) { if - 0.15% (4)
    vy = speed; - 0.15% (4)
    canvas.width, canvas.height); posx - 0.15% (4)
    += vx; posy - 0.15% (4)
    += vy; if(posy - 0.15% (4)
    = speed; } - 0.15% (4)
    context.fillstyle = 'white'; - 0.15% (4)
    border:1px solid #000; - 0.15% (4)
    사이의 수 중 - 0.15% (4)
    수 중 2 - 0.15% (4)
    값 출력 ") - 0.15% (4)
    (math.random() > 0.97) - 0.15% (4)
    i < settings.density; - 0.15% (4)
    particles[particleindex] = this; - 0.15% (4)
    if(this.life >= settings.maxlife){ - 0.15% (4)
    this.id = particleindex; - 0.15% (4)
    this.life = 0; - 0.15% (4)
    } particle.prototype.draw = - 0.15% (4)
    function(){ this.x += - 0.15% (4)
    this.vx; this.y += - 0.15% (4)
    this.vy; this.vy += - 0.15% (4)
    settings.gravity; this.life++; if(this.life - 0.15% (4)
    >= settings.maxlife){ delete - 0.15% (4)
    settings.groundlevel, canvas.width, canvas.height); - 0.15% (4)
    context.beginpath(); context.fillstyle="#ffffff"; context.arc(this.x, - 0.15% (4)
    context.fill(); } var - 0.15% (4)
    canvas.height); for (var - 0.15% (4)
    800; canvas.height = - 0.15% (4)
    500; document.body.appendchild(canvas); var - 0.15% (4)
    particles = {}, - 0.15% (4)
    particleindex = 0, - 0.15% (4)
    settings = { - 0.15% (4)
    density : 20, - 0.15% (4)
    particlesize : 10, - 0.15% (4)
    startingx : canvas.width - 0.15% (4)
    / 2, startingy - 0.15% (4)
    : canvas.height / - 0.15% (4)
    4, gravity : - 0.15% (4)
    delete particles[this.id]; } - 0.15% (4)
    출력 ") var - 0.15% (4)
    += settings.gravity; this.life++; - 0.15% (4)
    *= -1; this.x - 0.15% (4)
    2, startingy : - 0.15% (4)
    : canvas.width / - 0.15% (4)
    : 10, startingx - 0.15% (4)
    : 20, particlesize - 0.15% (4)
    = { density - 0.15% (4)
    = 0, settings - 0.15% (4)
    = {}, particleindex - 0.15% (4)
    2; var particles - 0.15% (4)
    canvas.height = window.innerheight; - 0.15% (4)
    canvas.width = window.innerwidth; - 0.15% (4)
    } var canvas - 0.15% (4)
    context.fillstyle="#ffffff"; context.arc(this.x, this.y, - 0.15% (4)
    canvas.width, canvas.height); context.beginpath(); - 0.15% (4)
    -1; this.x = - 0.15% (4)
    - settings.particlesize; } - 0.15% (4)
    : canvas.width * - 0.15% (4)
    this.vy = math.random() - 0.15% (4)
    += this.vy; this.vy - 0.15% (4)
    javascript 에 올린 - 0.15% (4)
    글 [study] canvas - 0.15% (4)
    function particle(){ this.x - 0.15% (4)
    = settings.startingx; this.y - 0.15% (4)
    = settings.startingy; this.vx - 0.15% (4)
    5; particleindex++; particles[particleindex] - 0.15% (4)
    settings.maxlife){ delete particles[this.id]; - 0.15% (4)
    = this; this.id - 0.15% (4)
    = particleindex; this.life - 0.15% (4)
    particle.prototype.draw = function(){ - 0.15% (4)
    this.x += this.vx; - 0.15% (4)
    this.y += this.vy; - 0.15% (4)
    this.life++; if(this.life >= - 0.15% (4)
    canvas.height / 4, - 0.15% (4)
    settings.particlesize, 0, math.pi*2, - 0.15% (4)
    particle(){ this.x = - 0.15% (4)
    settings.startingx; this.y = - 0.15% (4)
    } for(var i - 0.15% (4)
    particles[i].draw(); } }()); - 0.15% (4)
    new particle(); } - 0.15% (4)
    > 0.97) { - 0.15% (4)
    { if (math.random() - 0.15% (4)
    < settings.density; i++) - 0.15% (4)
    for (var i - 0.15% (4)
    = function(){ function - 0.15% (4)
    settings.startingy; this.vx = - 0.15% (4)
    in particles) { - 0.15% (4)
    - 10; this.vy - 0.15% (4)
    }; (function drawframe(){ - 0.15% (4)
    particleindex++; particles[particleindex] = - 0.15% (4)
    this; this.id = - 0.15% (4)
    particleindex; this.life = - 0.15% (4)
    0; } particle.prototype.draw - 0.15% (4)
    = function(){ this.x - 0.15% (4)
    += this.vx; this.y - 0.15% (4)
    4월 6일 글 - 0.11% (3)
    2015년 4월 6일 - 0.11% (3)
    브라우저 화면 내에서 - 0.11% (3)
    +
      +
    1. blur(5,">west">
      1. blur(5, - 0.08% (2)
        width:600px; text-align:center; font-size:24px; - 0.08% (2)
        l=l+m; if(m==99){ console.log(l); - 0.08% (2)
        background:#000; border:1px solid - 0.08% (2)
        function(){ $panel = - 0.08% (2)
        console.log("문 2) 0에서9까지 - 0.08% (2)
        거꾸로 출력 ") - 0.08% (2)
        font-weight:bold; line-height:220%; color:#fff; - 0.08% (2)
        } #scorepanel{ height:50px; - 0.08% (2)
        var setter = - 0.08% (2)
        - 0.08% (2)
        - 0.08% (2)
        - 0.08% (2)
        +strong");">$("#scorepanel > strong"); - 0.08% (2)
        for(var b=9; b>=0; - 0.08% (2)
        짝수만 출력 ") - 0.08% (2)
        img:hover{-webkit-filter:drop-shadow(100, 5, 5);} - 0.08% (2)
        strong{ color:yellow; } - 0.08% (2)
        +west"> - 0.08% (2)
        #scorepanel{ height:50px; width:600px; - 0.08% (2)
        line-height:220%; color:#fff; background:#000; - 0.08% (2)
        position:absolute; left:300px; top:150px; - 0.08% (2)
        5)
      2. drop-shadow(10, 5, - 0.08% (2)
        text-align:center; font-size:24px; font-weight:bold; - 0.08% (2)
        for(var c=1; c<=10; - 0.08% (2)
        solid #000; border-radius:5px; - 0.08% (2)
        background:#000; letter-spacing:-1px; padding:10px; - 0.08% (2)
        #mole{ position:absolute; left:300px; - 0.08% (2)
        +west"> - 0.08% (2)
        5)
      3. hue-rotate(328deg)
      4. saturate(5)
      5. - 0.08% (2)
        letter-spacing:-1px; padding:10px; font-size:18px; - 0.08% (2)
        #000; border-radius:5px; background:#000; - 0.08% (2)
        function(options){ return this.each(function(){ - 0.08% (2)
      6. invert(1)
      7. grayscale(1)
      8. sepia(1)
      9. - 0.08% (2)
        .btn{ border:2px solid - 0.08% (2)
        [study] canvas 브라우저 - 0.08% (2)
        canvas particle 첫번째 - 0.08% (2)
        c++){ if(c%2==0){ console.log(c); - 0.08% (2)
        두번째 : 폭포수 - 0.08% (2)
        없음 ↓ 안녕하세요 - 0.08% (2)
        canvas particle 세번째 - 0.08% (2)
        : 폭포수 형태와 - 0.08% (2)
        바운딩의 조합 particle - 0.08% (2)
        if(i%2==0){ console.log(i); }else{ - 0.08% (2)
        i=0; i<=10; i++){ - 0.08% (2)
        앞에 @를 붙여서 - 0.08% (2)
        w = $panel.width()-50; - 0.08% (2)
        9) 0~10중 홀수는 - 0.08% (2)
        h<=10; h++){ if(h!=5){ - 0.08% (2)
        ") for(var h=1; - 0.08% (2)
        5만 빼고 출력 - 0.08% (2)
        과 같이 1~10중 - 0.08% (2)
        f<20; f++){ if(f%3==0){ - 0.08% (2)
        ") for(var f=1; - 0.08% (2)
        console.log("문 6) 0~20 - 0.08% (2)
        +score">id="molegame"> - 0.08% (2)
        +">src="images/mole.png" id="mole"> - 0.08% (2)
        +">id="scorepanel">score : 0 - 0.08% (2)
        ++id="mole"> - 0.08% (2)
        +id="panel"> - 0.08% (2)
        #panel{ width:600px; height:400px; - 0.08% (2)
        - 0.08% (2)
        h = $panel.height()-50; - 0.08% (2)
        $play.removeclass("btn_off"); $play.fadein(100); }, - 0.08% (2)
        : function(){ $mole.on("click", - 0.08% (2)
        10000); }, clickmole - 0.08% (2)
        }, gamestart : - 0.08% (2)
        function(){ ntimerid = - 0.08% (2)
        setinterval(function(){ var x - 0.08% (2)
        = parseint(math.random()*w); var - 0.08% (2)
        0 ; $mole.off("click"); - 0.08% (2)
        1; $scorepanel.html(score); }); - 0.08% (2)
        - 0.08% (2)
        점수는 " +score+"점 - 0.08% (2)
        y = parseint(math.random()*h); - 0.08% (2)
        $mole.animate({ "left":x, "top":y - 0.08% (2)
        }); }, 1000); - 0.08% (2)
        settimeout(function(){ if(ntimerid != - 0.08% (2)
        0){ clearinterval(ntimerid); } - 0.08% (2)
        m<=100; m++){ if(m%2==1){ - 0.08% (2)
        $scorepanel.html(score); } } - 0.08% (2)
        \n 점수는 " - 0.08% (2)
        = $("#play"); $scorepanel - 0.08% (2)
        : function(){ $play.on("click", - 0.08% (2)
        0; }, initeventlistener - 0.08% (2)
        0; score = - 0.08% (2)
        $panel.height()-50; ntimerid = - 0.08% (2)
        $panel.width()-50; h = - 0.08% (2)
        - 0.08% (2)
        ">= $("#scorepanel > - 0.08% (2)
        = $("#mole"); $play - 0.08% (2)
        setter.init(); setter.initeventlistener(); }); - 0.08% (2)
        = $("#panel"); $mole - 0.08% (2)
        : function(){ $panel - 0.08% (2)
        this.each(function(){ var setter - 0.08% (2)
        = function(options){ return - 0.08% (2)
        function(){ $play.fadeout(100); $play.addclass("btn_off"); - 0.08% (2)
        setter.gamestart(); setter.clickmole(); }); - 0.08% (2)
        } $(function(){ $("#molegame").molegame(); - 0.08% (2)
        setter.clickmole(); alert("게임종료 되었습니다. - 0.08% (2)
        alert("게임종료 되었습니다. \n - 0.08% (2)
        ntimerid = 0; - 0.08% (2)
        +west"> - 0.08% (2)
        "left":x, "top":y }); - 0.08% (2)
        = parseint(math.random()*h); $mole.animate({ - 0.08% (2)
        parseint(math.random()*w); var y - 0.08% (2)
        ntimerid = setinterval(function(){ - 0.08% (2)
        gamestart : function(){ - 0.08% (2)
        setter.clickmole(); }); }, - 0.08% (2)
      10. grayscale(1)
      11. sepia(1)
      - 0.08% (2)
      +west"> - 0.08% (2)
    2. drop-shadow(10, 5, 5)
    3. - 0.08% (2)
      +west"> - 0.08% (2)
      $play.fadeout(100); $play.addclass("btn_off"); setter.gamestart(); - 0.08% (2)
      +west"> - 0.08% (2)
      +west"> - 0.08% (2)
      function(){ $play.on("click", function(){ - 0.08% (2)
      }, initeventlistener : - 0.08% (2)
      score = 0; - 0.08% (2)
    4. hue-rotate(328deg)
    5. saturate(5)
    6. invert(1)
    7. - 0.08% (2)
      1. blur(5, 5)
      2. - 0.08% (2)
        +score+"점 입니다."); score - 0.08% (2)
        } setter.init(); setter.initeventlistener(); - 0.08% (2)
        $mole.off("click"); $play.removeclass("btn_off"); $play.fadein(100); - 0.08% (2)
        }, 10000); }, - 0.08% (2)
        clickmole : function(){ - 0.08% (2)
        $mole.on("click", function(){ score - 0.08% (2)
        += 1; $scorepanel.html(score); - 0.08% (2)
        }); $scorepanel.html(score); } - 0.08% (2)
        clearinterval(ntimerid); } setter.clickmole(); - 0.08% (2)
        - 0.08% (2)
        }, 1000); settimeout(function(){ - 0.08% (2)
        - 0.08% (2)
        - 0.08% (2)
        - 0.08% (2)
        - 0.08% (2)
        - 0.08% (2)
        - 0.08% (2)
        if(ntimerid != 0){ - 0.08% (2)
        function(){ score += - 0.08% (2)
        = "black"; context.fillrect(0,0,canvas.width, - 0.08% (2)
        l=0 for(var m=1; - 0.08% (2)
        } this.vy += - 0.08% (2)
        canvas.width * 0.75 - 0.08% (2)
        0.25, rightwall : - 0.08% (2)
        * 0.75, leftwall - 0.08% (2)
        groundlevel : canvas.height - 0.08% (2)
        maxlife : 100, - 0.08% (2)
        gravity : 0.5, - 0.08% (2)
        settings.gravity; context.clearrect(settings.leftwall, settings.groundlevel, - 0.08% (2)
        settings.rightwall - settings.particlesize; - 0.08% (2)
        > settings.groundlevel){ this.vy - 0.08% (2)
        settings.rightwall){ this.vx *= - 0.08% (2)
        + (settings.particlesize) >= - 0.08% (2)
        (settings.particlesize); } if(this.x - 0.08% (2)
        = settings.leftwall + - 0.08% (2)
        <= settings.leftwall){ this.vx - 0.08% (2)
        if(this.x - (settings.particlesize) - 0.08% (2)
        this.y = settings.groundlevel - 0.08% (2)
        if((this.y + settings.particlesize) - 0.08% (2)
        *= -0.6; this.vx - 0.08% (2)
        this.vy *= -0.6; - 0.08% (2)
        : 0.5, maxlife - 0.08% (2)
        } }());} 콸콸콸~ - 0.08% (2)
        * 0.75 }; - 0.08% (2)
        rightwall : canvas.width - 0.08% (2)
        canvas.width * 0.25, - 0.08% (2)
        0.75, leftwall : - 0.08% (2)
        : canvas.height * - 0.08% (2)
        : 100, groundlevel - 0.08% (2)
        = window.innerheight; document.body.appendchild(canvas); - 0.08% (2)
        *= 0.75; this.y - 0.08% (2)
        this.x = settings.rightwall - 0.08% (2)
        (settings.particlesize) >= settings.rightwall){ - 0.08% (2)
        } if(this.x + - 0.08% (2)
        settings.leftwall + (settings.particlesize); - 0.08% (2)
        settings.leftwall){ this.vx *= - 0.08% (2)
        - (settings.particlesize) <= - 0.08% (2)
        settings.particlesize; } if(this.x - 0.08% (2)
        = settings.groundlevel - - 0.08% (2)
        this.vx *= 0.75; - 0.08% (2)
        settings.particlesize) > settings.groundlevel){ - 0.08% (2)
        폭포수 형태의 particle - 0.08% (2)
        support web storage..."; - 0.08% (2)
        textbox = document.queryselector('#textbox2'); - 0.08% (2)
        function getlocalstorage(){ var - 0.08% (2)
        } //로컬스토로지 조회 - 0.08% (2)
        window.localstorage['key1'] = textbox.value; - 0.08% (2)
        textbox = document.queryselector('#textbox1'); - 0.08% (2)
        function setlocalstorage(){ var - 0.08% (2)
        } //로컬스토로지에 저장 - 0.08% (2)
        browser does not - 0.08% (2)
        } //세션스토로지에 저장 - 0.08% (2)
        = "sorry, your - 0.08% (2)
        else { document.getelementbyid("result").innerhtml - 0.08% (2)
        // retrieve document.getelementbyid("result").innerhtml - 0.08% (2)
        store localstorage.setitem("lastname", "benjamin"); - 0.08% (2)
        "undefined") { // - 0.08% (2)
        if (typeof(storage) != - 0.08% (2)
        check browser support - 0.08% (2)
        textbox.value = window.localstorage['key1']; - 0.08% (2)
        function setsessionstorage(){ var - 0.08% (2)
        } if((this.y + - 0.08% (2)
        document.getelementbyid("result").innerhtml = "sorry, - 0.08% (2)
        폭포수 형태와 바운딩의 - 0.08% (2)
        particle 세번째 : - 0.08% (2)
        = document.queryselector('#textbox3'); window.sessionstorage.key1 - 0.08% (2)
        setsessionstorage(){ var textbox - 0.08% (2)
        document.queryselector('#textbox2'); textbox.value = - 0.08% (2)
        not support web - 0.08% (2)
        your browser does - 0.08% (2)
        - 0.08% (2)
        textbox = document.queryselector('#textbox3'); - 0.08% (2)
        localstorage.setitem("lastname", "benjamin"); // - 0.08% (2)
        { // store - 0.08% (2)
        (typeof(storage) != "undefined") - 0.08% (2)
        textbox.value = window.sessionstorage.key1; - 0.08% (2)
        textbox = document.queryselector('#textbox4'); - 0.08% (2)
        function getsessionstorage(){ var - 0.08% (2)
        } //세션스토로지 조회 - 0.08% (2)
        window.sessionstorage.key1 = textbox.value; - 0.08% (2)
        particle 두번째 : - 0.08% (2)
        ↓ window.onload = - 0.08% (2)
        홀수만 합한 값 - 0.08% (2)
        1~100까지의 수 중 - 0.08% (2)
        f++){ if(f%3==0){ console.log(f); - 0.08% (2)
        for(var f=1; f<20; - 0.08% (2)
        배수만 출력 ") - 0.08% (2)
        수 중 3의 - 0.08% (2)
        6) 0~20 사이의 - 0.08% (2)
        e=2; e<100; e=e*2){ - 0.08% (2)
        16 32 64만 - 0.08% (2)
        } console.log("문 5) - 0.08% (2)
        수 중 2의 - 0.08% (2)
        if(d%2==1){ console.log(d); } - 0.08% (2)
        d=0; d<=10; d++){ - 0.08% (2)
        7 9 홀수만 - 0.08% (2)
        } console.log("문 4) - 0.08% (2)
        if(c%2==0){ console.log(c); } - 0.08% (2)
        c=1; c<=10; c++){ - 0.08% (2)
        8 10 짝수만 - 0.08% (2)
        7) 0~100 사이의 - 0.08% (2)
        배수이면서 3의 배수인 - 0.08% (2)
        b>=0; b--){ console.log(b); - 0.08% (2)
        ") for(var i=0; - 0.08% (2)
        11) 1~100까지 중 - 0.08% (2)
        j=j+k; if(k==100){ console.log(j); - 0.08% (2)
        k=1; k<=100; k++){ - 0.08% (2)
        var j=0 for(var - 0.08% (2)
        10) 1~100까지 합한 - 0.08% (2)
        console.log(i); }else{ console.log("@"+i); - 0.08% (2)
        i<=10; i++){ if(i%2==0){ - 0.08% (2)
        @를 붙여서 출력 - 0.08% (2)
        6 출력 ") - 0.08% (2)
        0~10중 홀수는 앞에 - 0.08% (2)
        } console.log("문 9) - 0.08% (2)
        if(h!=5){ console.log(h); } - 0.08% (2)
        h=1; h<=10; h++){ - 0.08% (2)
        1~10중 5만 빼고 - 0.08% (2)
        10 과 같이 - 0.08% (2)
        g++){ if(g%6==0){ console.log(g); - 0.08% (2)
        for(var g=1; g<100; - 0.08% (2)
        } console.log("문 3) - 0.08% (2)
        ") for(var b=9; - 0.08% (2)
        particles[this.id]; } context.clearrect(settings.leftwall, - 0.08% (2)
        canvas.height * 0.75){ - 0.08% (2)
        3월 27일 글 - 0.08% (2)
        }, 30); } - 0.08% (2)
        10, 0, math.pi*2, - 0.08% (2)
        'white'; context.arc(posx, posy, - 0.08% (2)
        context.beginpath(); context.fillstyle = - 0.08% (2)
        vy += gravity; - 0.08% (2)
        * 0.75; } - 0.08% (2)
        erase canvas context.fillstyle - 0.08% (2)
        radius = 5, - 0.08% (2)
        1; setinterval(function(){ // - 0.08% (2)
        -10, gravity = - 0.08% (2)
        function(){ var canvas - 0.08% (2)
        particle 첫번째 : - 0.08% (2)
        particles[i].draw(); } }());} - 0.08% (2)
        } context.clearrect(settings.leftwall, settings.groundlevel, - 0.08% (2)
        }()); } 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 - 0.08% (2)
        0.5 }; (function - 0.08% (2)
        var canvas, context, - 0.08% (2)
        speed = 10, - 0.08% (2)
        0에서9까지 거꾸로 출력 - 0.08% (2)
        speed; } if(posx - 0.08% (2)
        } console.log("문 2) - 0.08% (2)
        a<10; a++){ console.log(a); - 0.08% (2)
        ") for(var a=0; - 0.08% (2)
        0에서9까지 순서대로 출력 - 0.08% (2)
        * math.pi, false); - 0.08% (2)
        radius, 0, 2 - 0.08% (2)
        context.beginpath(); context.arc(posx, posy, - 0.08% (2)
        } if(posy < - 0.08% (2)
        posx = 0, - 0.08% (2)
        if(posx > canvas.width){ - 0.08% (2)
        > canvas.height){ vy - 0.08% (2)
        context.fillstyle = "rgba(10,10,10,1)"; - 0.08% (2)
        = window.innerheight; context.rect(0,0,window.innerwidth,window.innerheight); - 0.08% (2)
        = document.getelementbyid('canvas'); context - 0.08% (2)
        function init(){ canvas - 0.08% (2)
        vx = speed, - 0.08% (2)
        posy = 500, - 0.08% (2)
        화면 내에서 공 - 0.08% (2)

    Here you can find chart of all your popular one, two and three word phrases. Google and others search engines means your page is about words you use frequently.

    Copyright © 2015-2016 hupso.pl. All rights reserved. FB | +G | Twitter

    Hupso.pl jest serwisem internetowym, w którym jednym kliknieciem możesz szybko i łatwo sprawdź stronę www pod kątem SEO. Oferujemy darmowe pozycjonowanie stron internetowych oraz wycena domen i stron internetowych. Prowadzimy ranking polskich stron internetowych oraz ranking stron alexa.