์„ธ์ƒ์—, ์ด๋Ÿด์ˆ˜๊ฐ€

๋ฉ”์ผ ๊ณ„์ • ํ•œ๊ฐœ๋กœ 5๊ฐœ์˜ ์ƒˆ๋กœ์šด ๋ฉ”์ผ ์ƒ์„ฑ์ด ๊ฐ€๋Šฅํ–ˆ๋‹ค!

 

https://virlit.tistory.com/206

 

Moonlit ์„œ๋น„์Šค๋ฅผ ์ค€๋น„ํ•˜๋ฉฐ

์• ๋„๋ฆฌํ‹ฑ์Šค ๊ณ„์ •์„ ์ƒˆ๋กœ ๋งŒ๋“ค๊ณ  ์ƒˆ๋กœ์šด ํƒœ๊ทธ๋ฅผ ๋ฐ›๊ณ  moonlit์— ํƒœ๊ทธ๋ฅผ ์„ค์น˜ํ•œ๋‹ค. ํ…Œ์ŠคํŠธ๋ฅผ ๋ˆ„๋ฅด๊ณ  ์—ฐ๊ฒฐ์™„๋ฃŒ๋ฅผ ํ™•์ธํ•œ๋‹ค. ๋‹ค์Œ ๊ตฌ๊ธ€ ์„œ์น˜ ์ฝ˜์†”์— ์†์„ฑ์„ ์ถ”๊ฐ€ํ•œ๋‹ค. ๊ทธ ๋™์•ˆ ๋”๋ฏธ๋กœ ๋งŒ๋“ค์—ˆ๋˜ db collec

blog.himion.com

 

์ง€๋‚œ ๊ธ€์—์„œ ํ•˜์ด์›์Šค๊ฐ€ ๋ฉ”์ผ ๊ณ„์ •์„ 1๊ฐœ, 5๊ฐœ, 10๊ฐœ์”ฉ๋งŒ ํŒ๋‹ค๊ณ  ๋ถˆํ‰์„ ํ–ˆ์—ˆ๋‹ค.

 

๊ทธ ํ›„ ๋ˆˆ๋ฌผ์„ ๋จธ๊ธˆ๊ณ  with@himion.com ๊ณ„์ •์œผ๋กœ ๋ชจ๋“  ๊ณ„์ •์„ ํ†ต์ผํ–ˆ๋Š”๋ฐ

๊ฐ‘์ž๊ธฐ, ์ •๋ง๋กœ ๋œธ๊ธˆ์—†์ด,

๋„ทํ”Œ๋ฆญ์Šค ๋ฐ”์งˆ๋ž€ํ…Œ๋ฅผ ๋ณด๋‹ค๊ฐ€ ํ™”๋ฉด์— support.transfer.com/tai/xxx ํ•˜๋Š” ํ™”๋ฉด์ด ๋œจ๊ธฐ์— 

 

๊ฐœ๋ฐœ์ž์˜ ๋ณธ๋Šฅ์ด ๋ฐœ๋™!

์ €๊ฑด ๋ญ์ง€? transfer.com์€ ์—„์ฒญ ๋น„์Œ€๊ฑฐ ๊ฐ™์€๋ฐ ์ €๋Ÿฐ ์ฃผ์†Œ๋ฅผ ์“ด๋‹ค๊ณ ? ์ง„์งœ ์ ‘์†ํ• ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ์ธ๊ฐ€, ํฌํ† ์ƒต์ธ๊ฐ€ ๊ถ๊ธˆํ•ด์„œ ๊ฐ€๋น„์•„์— ์ ‘์†ํ•ด ์•Œ์•„๋ณด๋‹ค๊ฐ€ ์Œ, ์บ๋‚˜๋‹ค ์ฃผ์†Œ, ๊ทธ๋Ÿฐ๋ฐ ์‚ฌ์šฉ์€ ์•ˆํ•˜๋„ค, ์ €๊ฑธ ์ €๋ ‡๊ฒŒ ๋“œ๋ผ๋งˆ์— ์˜คํ”ˆํ•ด๋„ ๋˜๋‚˜ ๋ญ ๊ทธ๋Ÿฐ ์ƒ๊ฐ๊นŒ์ง€ ๊ฐ”๋‹ค๊ฐ€ ๊ฐ‘์ž๊ธฐ,

 

ํ˜น์‹œ๋‚˜ ํ•ด์„œ 'ํ•˜์ด์›์Šค ๋ฉ”์ผ 2๊ฐœ'๋กœ ๊ฒ€์ƒ‰์„ ํ•ด๋ดค๋Š”๋ฐ -๊ฐ€๋น„์•„์—์„œ ๋ฉ”์ผ  2๊ฐœ๋ฅผ ํŒŒ๋Š” ์–ด๋–ค ๋ฃจํŠธ๊ฐ€ ์žˆ์ง€ ์•Š์„๊นŒ, 5๊ฐœ๋กœ ๋ฌถ์–ด ํŒŒ๋Š”๊ฑด ์ •๋ง ๋ชป๋œ ์ƒํ–‰์œ„ ์•„๋‹Œ๊ฐ€, ๊ฐ€๋น„์•„์˜ ์˜ค๋žœ ๊ณ ๊ฐ์ธ๋ฐ ๊ฐ€๋น„์•„๋Š” ๊ทธ๋Ÿฐ ์ •๋„์˜ ํšŒ์‚ฌ๊ฐ€ ์•„๋‹Œ๋ฐ ์‹ฌ์ง€์–ด ์ด๋Ÿฐ ์ƒ๊ฐ๊นŒ์ง€ ํ•˜๋ฉด์„œ

 

๊ฒ€์ƒ‰ํ•ด๋ดค๋‹ค

๊ทธ๋Ÿฐ๋ฐ ์ด๋Ÿฐ๊ฒŒ ๋–ด๋‹ค. ๋ถ€๊ณ„์ •? ๋ถ€๊ณ„์ •์ด ๋ญ์ง€?

์•„!

๋ถ€๊ณ„์ •์€ ๋ฐ”๋กœ ๋‚ด๊ฐ€ ๊ฟˆ๊พธ๋˜ ๊ทธ๊ฒƒ์ด์—ˆ๋‹ค.

๋ฌด๋ ค 5๊ฐœ๊นŒ์ง€ ๋งŒ๋“ค์ˆ˜ ์žˆ๋‹ค๊ณ  ํ•œ๋‹ค.

 

๊ธฐ์กด with๊ณ„์ •์—์„œ ์‚ฌ์šฉํ•˜๋˜ ๋ฉ”์ผ 1๊ฐœ๋ฅผ ๋นผ๋ฒ„๋ฆฌ๊ณ  ๋‹ค์‹œ ๊ด€๋ฆฌ์ž ๊ณ„์ •์—๊ฒŒ ์œ„์ž„ํ•œ ํ›„ ๋ถ€๊ณ„์ •์œผ๋กœ with๊ณ„์ •์„ ์ƒˆ๋กœ ๋งŒ๋“ค๊ณ  ๋ฐ”๋กœ ๋ฉ”์ผ์„ ๋ณด๋ƒˆ๋”๋‹ˆ..

 

๋œ๋‹ค.

๋‹ค ๋ฐ›์•„์ง€๊ณ  ๋ณด๋‚ด์ง„๋‹ค.

์ด์ œ ๋ฉ”์ผ 5๊ฐœ๋ฅผ ์“ธ ์ˆ˜ ์žˆ๋‹ค.

 

์‚ฌ๋ž‘ํ•ฉ๋‹ˆ๋‹ค. ๊ฐ€๋น„์•„

์ง„์งœ ๊ณ„์† ์ด ์ •๋„๋งŒ ํ•ด๋‹ค์˜ค.

์• ๋„๋ฆฌํ‹ฑ์Šค ๊ณ„์ •์„ ์ƒˆ๋กœ ๋งŒ๋“ค๊ณ  ์ƒˆ๋กœ์šด ํƒœ๊ทธ๋ฅผ ๋ฐ›๊ณ  moonlit์— ํƒœ๊ทธ๋ฅผ ์„ค์น˜ํ•œ๋‹ค.

ํ…Œ์ŠคํŠธ๋ฅผ ๋ˆ„๋ฅด๊ณ  ์—ฐ๊ฒฐ์™„๋ฃŒ๋ฅผ ํ™•์ธํ•œ๋‹ค.

๋‹ค์Œ ๊ตฌ๊ธ€ ์„œ์น˜ ์ฝ˜์†”์— ์†์„ฑ์„ ์ถ”๊ฐ€ํ•œ๋‹ค.

 

๊ทธ ๋™์•ˆ ๋”๋ฏธ๋กœ ๋งŒ๋“ค์—ˆ๋˜ db collection๋“ค์„ ๊นจ๋—ํžˆ ๋ฐ€๊ณ  ์†Œ์…œ ํšŒ์›๊ฐ€์ž…๋ถ€ํ„ฐ ํ•˜๋‚˜ํ•˜๋‚˜ ํ™•์ธํ•ด๋ณธ๋‹ค.

๋„ค์ด๋ฒ„๋Š” ์ž์‹ ๋“ค์˜ api์‚ฌ์šฉ์ด ์ผ์ •๊ธฐ๊ฐ„ ์—†์œผ๋ฉด ์ž๋™์œผ๋กœ ๋ง‰ํžŒ๋‹ค. ๊ทธ๋ž˜์„œ ์›ฌ๋””์ฒ˜๋Ÿผ ์ธ๊ธฐ์—†๋Š” ์„œ๋น„์Šค๋Š” ์‹ค์„œ๋น„์Šค ์ค‘์ž„์—๋„ ์ค‘๊ฐ„์— api๊ฐ€ ๋ง‰ํ˜€๋ฒ„๋ ธ๋‹ค. ์ •๋ง ๊ธฐ๊ฐ€๋ง‰ํžŒ ์ผ์ด์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ moonlit์€ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋„ค์ด๋ฒ„๋ฅผ ๋นผ๋ฒ„๋ ธ๋‹ค. ํŽ˜๋ถ๊ณผ ํŠธ์œ„ํ„ฐ๋„ ๋„ˆ๋ฌด ์ž์ฃผ ์ ˆ์ฐจ๊ฐ€ ๋ฐ”๋€Œ๊ณ  ๊ถŒํ•œ์ด ๋ฐ”๋€๋‹ค. ๊ทธ๋ž˜์„œ ์–˜๋„ค๋„ ๋บ๋‹ค. ์ด์ œ ๊ตฌ๊ธ€๊ณผ ์นด์นด์˜ค๋งŒ ๋‚จ์•˜๋‹ค. ๋ญ ๊ทธ๋Ÿผ ๋๋‹ค.

 

๊ณ ๊ฐ์„ผํ„ฐ ๋ฌธ์˜ํ•˜๊ธฐ, ๋‹ต๋ณ€ํ•˜๊ธฐ๋ถ€ํ„ฐ ๋ฉ”์ผ ์†ก์ˆ˜์‹ , ์Šฌ๋ž™ ์†ก์ˆ˜์‹ ์„ ํ…Œ์ŠคํŠธํ–ˆ๋‹ค. ์—ญ์‹œ๋‚˜ ์•ฝ๊ฐ„์˜ ๋ฒ„๊ทธ๋“ค์ด ์žˆ์—ˆ๊ณ  ์—ญ์‹œ๋‚˜ ๊ธˆ๋ฐฉ ๊ณ ์ณค๋‹ค.

์–ธ์ œ๋ด๋„ ์Šฌ๋ž™์˜ push๊ธฐ๋Šฅ์€ ์‰ฝ๊ณ  ์œ ์šฉํ•˜๋‹ค.

 

๋ฉ”์ผ์€ ํ•˜์ด์›์Šค๋กœ ๋ฐ”๊ฟจ๋‹ค. ์˜ˆ์ „ ์นด์นด์˜ค ์Šค๋งˆํŠธ์›Œํฌ ๋ฉ”์ผ ๊ณ„์ •์„ ์ผ์„๋• 10๋ฒˆ ๋ณด๋‚ด๋ฉด 2,3๋ฒˆ๋งŒ ์ˆ˜์‹ ๋ผ์„œ ์ŠคํŠธ๋ ˆ์Šค ๋ฐ›์•˜๋Š”๋ฐ ๊ทธ ๊ณ ํ†ต์ด ์‚ฌ๋ผ์กŒ๋‹ค. ๋‹ค๋งŒ ์ฒ˜์Œ 1๋…„์€ ํ•œ๋‹ฌ์— 1,600์›. ๋‹ค์Œ๋ถ€ํ„ด 3์ฒœ์›์”ฉ ๋‚ด์•ผํ•œ๋‹ค. ๊ทธ ๋™์•ˆ ๋ฉ”์ผ ์ˆ˜์‹ ์ด ์ž˜ ์•ˆ๋๋˜ ์›์ธ์ด ์นด์นด์˜ค์— ์žˆ๋Š” ์ค„ ์•Œ์•˜๋‹ค๋ฉด ์ง„์ž‘์— ๋ฐ”๊ฟจ์„ ๊ฒƒ์ด๋‹ค. ์ด๊ฒƒ๋„ ์—ด๋ฐ›๋Š”๋‹ค.

๊ทผ๋ฐ ๋ฉ”์ผ์„ 2๊ฐœ ์‹ ์ฒญํ•˜๋ ค๊ณ  ํ–ˆ๋”๋‹ˆ ํ•˜์ด์›์Šค์—๋Š” ๊ทธ๋Ÿฐ๊ฒŒ ์—†์—ˆ๋‹ค. 5๊ฐœ, 10๊ฐœ ์ด๋Ÿฐ์‹์œผ๋กœ๋งŒ ๊ฐ€๋Šฅํ–ˆ๋‹ค. ๋‚ด๊ฐ€ ๊ฐ€๋‚œํ•œ๊ฒŒ ์ฃ„์ง€. ๋ˆˆ๋ฌผ์ด ํ˜๋ €๋‹ค.

 

๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ, ์ด์šฉ์•ฝ๊ด€๋„ ๋งŒ๋“ค์—ˆ๋‹ค. ๊ทผ๋ฐ ๋‚ด๊ฐ€ ๋ญ˜ ์•„๋Š”๊ฒŒ ์žˆ๋‚˜. ๊ธฐ๋ณธ์•ฝ๊ด€ ์–‘์‹์„ ๋ฐ”ํƒ•์œผ๋กœ ์ด๋Ÿฐ์ €๋Ÿฐ ๊ฒŒ์ž„์‚ฌ์ดํŠธ์™€ cj์‚ฌ์ดํŠธ ์•ฝ๊ด€๋“ค์„ ์งœ์ง‘๊ธฐํ–ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋งŒ๋“ค๊ณ  ๋‚˜๋‹ˆ ๋งˆ์Œ์— ๋“ค์—ˆ๋‹ค. ๋ญ”๊ฐ€ ์ •์‹? ํšŒ์‚ฌ๊ฐ€ ๋œ ๊ธฐ๋ถ„์ด์—ˆ๋‹ค.

 

moonlit์€ ์‹œ่ฉฉ๋กœ ๋„๋ฐฐ๋ฅผ ํ•  ๊ฒƒ์ด๋‹ค.

์‹œ๋กœ ๊ฐ€๋“ํ•œ ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ฒƒ์ด๋‹ค.

 

์ด์ œ ๋‚จ์€๊ฒŒ ๋ฌด์—‡์ด ์žˆ๋‚˜

SEO ์ฒ˜๋ฆฌ์™€ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€์—์„œ sitemap.xml ์ž๋™์ƒ์„ฑ ๋ฐ ๊ตฌ๊ธ€์— ์•Œ๋ฆผ ๊ธฐ๋Šฅ ๋„ฃ๊ณ 

์˜์–ด๋ฒ„์ „๋„ ๋งŒ๋“ค์–ด์•ผํ•˜๊ณ  - ์ด๊ฑด ๋‚˜์ค‘์— ํ•˜์ž

๊ณ ๊ฐ์„ผํ„ฐ์— ๋‚ด์šฉ ์ข€ ์ถ”๊ฐ€ํ•˜๊ณ  

๊ทธ ๋™์•ˆ ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ๋˜ ์ •์›๋“ค๋„ ๋ช‡์‹ญ๊ฐœ๋Š” ๋งŒ๋“ค์–ด์•ผ ํ•˜๊ณ 

์•„! ์œ ๋ฃŒ๊ฒฐ์ œ pg์‚ฌ ๊ฒฐ์ •ํ•˜๊ณ  ์ง„์งœ ์œ ๋ฃŒ ๊ฒฐ์ œ๋˜๋„๋ก ๋งŒ๋“ค์–ด์•ผ ํ•œ๋‹ค. ํ˜„์žฌ๋Š” ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์‚ฌํ•ญ์ด๋‹ค.

 

์ด๋ ‡๊ฒŒ ๋ณด๋‹ˆ ๊ฑฐ์˜ ๋‹ค ๋œ๊ฑฐ ๊ฐ™๋‹ค.

moonlit์ด ์–ด๋–ป๊ฒŒ ๋ ๊นŒ, ์–ด๋–ป๊ฒŒ ์„ธ์ƒ์— ์•Œ๋ ค์•ผ ํ• ๊นŒ

๋‚ด๊ฐ€ ์‚ฌ์—…๊ฐ€๊ฐ€ ๋งž๋‹ค๋ฉด

์ด์ œ๋ถ€ํ„ฐ ์ •๋ง ์ž˜ํ•ด์•ผํ•˜๋Š”๋ฐ

๋ˆˆ ์•ž์ด ์บ„์บ„ํ•˜๋‹ค.

 

๋น›์„ ๋ฐํžˆ๊ฒ ๋‹ค๊ณ  ์˜ˆ์ „์ฒ˜๋Ÿผ ์ฑ…์†์œผ๋กœ๋งŒ ํŒŒ๊ณ ๋“œ๋Š” ๊ฑฐ ์•„๋‹์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค.

์ €๋… ๋จน๊ณ  ์šด๋™ํ•˜๋ฉฐ ์กฐ๊ธˆ๋” ์ƒ๊ฐํ•ด๋ด์•ผ๊ฒ ๋‹ค

1. ๋ชจ๋“  ์•„์ดํ…œ์„ ํ•˜๋‚˜์˜ ์Šคํ‚ค๋งˆ์— ๋ชฐ์•„ ๋„ฃ๊ณ  ์œ ์ €๋ช…์œผ๋กœ ๊ด€๋ฆฌ

- ๊ธฐ์กด ์ฝ”๋“œ๋“ค ๋ชจ๋‘ ์žฌ์ˆ˜์ •

- ๋ชจ๋“  ์ž‘์—…๋งˆ๋‹ค ์นด์šดํŠธํ•ด์„œ์ƒ๋‹จ์— ๋„ฃ๊ธฐ

- ๋‚ด ์•„์ดํ…œ ์นด์šดํŠธ์™€ ์ „์ฒด ์•„์ดํ…œ ์นด์šดํŠธ๋ฅผ ๋”ฐ๋กœ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์ถ”๊ฐ€ํ•˜๊ธฐ

2. ์„œ๋ฒ„์—์„œ ์‚ญ์ œ

- serial ์กฐ๊ฑด์ด ์ถฉ์กฑ๋˜์ง€ ์•Š์•˜์„ ๋•Œ '์ฒ˜์Œ ๊ฝƒ ๊ฐ€์ ธ์˜ค๊ธฐ'์—์„œ ๊ฐ๊ฐ์˜ ์ƒํ™ฉ์— ๋งž๊ฒŒ serial ์•„์ดํ…œ ์‚ญ์ œํ•˜๊ธฐ - ์—ฐ์†์ด ๋Š์–ด์ง€๋ฉด ๋ฐ”๋กœ ๋ชจ๋“  ์•„์ดํ…œ์„ ์‚ญ์ œํ• ์ง€, ๊ทธ๋ž˜๋„ ์œ ์ง€ํ• ์ง€ ์ด๊ฑด ๊ณ ๋ฏผํ•˜์ž - ์ง€๊ธˆ์€ ๊ทธ๋ƒฅ ๋ฐ”๋กœ ์‚ญ์ œ๋กœ ๋งŒ๋“œ๋Š”๊ฒŒ ๋‚˜์•„๋ณด์ธ๋‹ค.

3. ํด๋ผ์—์„œ ๋ณด์—ฌ์ฃผ๊ธฐ

- ํ•ด๋‹น ์•„์ดํ…œ์— ๋งž์ถฐ ๋ณด์—ฌ์ฃผ๊ธฐ

 

 

 

ํฌ์†Œํ•ด์•ผํ•œ๋‹ค.

๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ๊ฐ€์น˜์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ด์•ผ ํ•œ๋‹ค.

๊ทธ๊ฒƒ์ด ๊ฐœ์ธ์„ ํ†ตํ•ด ๋“œ๋Ÿฌ๋‚˜์•ผํ•œ๋‹ค.

 

๊ทธ๋ž˜์„œ 'ํฐ ์žฌ์‚ฐ' ์ž์ฒด๊ฐ€ ๋ช…ํ’ˆ์ด ๋œ๋‹ค. ์‚ฌ๋žŒ๋“ค์€ ๋ˆ์ด ๋งŽ์€ - ๋ˆ์ด ๋งŽ๊ธฐ๋งŒ ํ•œ ์‚ฌ๋žŒ์ž„์—๋„ - ๊ทธ๋ฅผ ๋–  ๋ฐ›๋“ ๋‹ค. ๋‹ค๋งŒ ๊ทธ๊ฒƒ์€ ๊ทธ๊ฐ€ ์–ผ๋งˆ๋‚˜ ํฐ ์žฌ์‚ฐ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š”์ง€ ์„ธ์ƒ์— ์•Œ๋ ค์•ผ๋งŒ ๋ฐœํšจ๋œ๋‹ค. ํ†ต์žฅ์†์—๋งŒ ์žˆ๋‹ค๋ฉด ๊ทธ ์˜๋ฏธ๊ฐ€ ๊ฐœ์ธ์„ ํ†ตํ•ด ๋“œ๋Ÿฌ๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

 

์šฐ๋ฆฌ์ง‘ ๊ณ ์–‘์ด๋Š” ๋น„์‹ผ ์ธ„๋ฅด๋ผ๊ณ  ์ข‹์•„ํ•˜์ง€ ์•Š๋Š”๋‹ค.

๋ง›์žˆ๋Š” ์ธ„๋ฅด๋ฅผ ์ข‹์•„ํ•œ๋‹ค.

 

ํ•˜์ง€๋งŒ ์‚ฌ๋žŒ์€ ๋ฏฟ์Œ์œผ๋กœ ๋ง›์„ ์ˆ˜์ •ํ•œ๋‹ค.

๋ฏฟ์Œ์œผ๋กœ ๋Šฅ๋ ฅ์„ ์ˆ˜์ •ํ•œ๋‹ค.

์šฐ๋ฆฌ ์‚ฌ๋žŒ์ข… ์‚ฌ๋žŒ์† ์‚ฌ๋žŒ๊ณผ ์˜์žฅ๋ชฉ ํฌ์œ ๊ฐ• ์ฒ™์‚ญ๋™๋ฌผ๋ฌธ ๋™๋ฌผ๊ณ„๋Š”

๊ทธ๋ ‡๊ฒŒ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค.

 

๊ทธ๊ฒƒ์ด ์ง€๊ธˆ์˜ ์šฐ๋ฆฌ ๋ฌธํ™”๋ฅผ ์žˆ๊ฒŒํ•œ ์—”์ง„์ด๋ฉฐ

์ธ๋ฅ˜์˜ ๊ฑฐ์˜ ๋ชจ๋“  ์ „์Ÿ์„ ์œ ๋ฐœ์‹œํ‚จ ์›์ธ์ด๋‹ค.

 

ํ˜ธ๋ชจ ์‚ฌํ”ผ์—”์Šค์˜ ํ•œ๊ณ„๋Š” ๋ฏฟ์Œ์œผ๋กœ ๊ฒฐ์ •๋œ๋‹ค.

๋ช…ํ’ˆ์„ ํ–ฅํ•œ ์š•๋ง์ด ๊ทธ๋Ÿฌํ•˜๋ฉฐ

์ด์Šค๋ผ์—˜๊ณผ ์ฃผ๋ณ€๊ตญ๋“ค์˜ ์ „์Ÿ์ด ๊ทธ๋ ‡๊ณ 

๋Œ€๋งŒ์„ ํ–ฅํ•œ ์ค‘๊ตญ์˜ ์•ผ์š•์ด ๊ทธ๋Ÿฌํ•˜๋ฉฐ

์ž์œจ์ฃผํ–‰ ๋˜ํ•œ ๊ทธ๋ ‡๊ณ  AI๋„ ๊ฒฐ๊ตญ ๊ทธ๋ ‡๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค.

 

์šฐ๋ฆฌ ์ข…์กฑ์˜ ์ง‘ํ•ฉ์€

์•„์ฃผ ๋ถ„๋ช…ํ•œ ์ •์ฒด์„ฑ์„ ๊ฐ–๋Š”๋‹ค.

1. ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฃจํ”„ ๋Œ๋ฆฌ๊ณ  ํ‚ค๋ณด๋“œ ๋˜๋Š” ํ„ฐ์น˜(๋งˆ์šฐ์Šค)๋กœ ์ปจํŠธ๋กค ํ•˜๋Š” ๊ฒƒ๊นŒ์ง€ ๋งŒ๋“ค๊ธฐ

2. ์ˆ˜ํ’€ 2,3ํ”„๋ ˆ์ž„์งœ๋ฆฌ ์• ๋‹ˆ ๋งŒ๋“ค๊ธฐ

3. ๊ฐ ์ƒํ™ฉ์— ๋งž๋Š” ํ”„๋ž๋“ค ๋ฐฐ์น˜ํ•ด์„œ ์–ด์šธ๋ฆฌ๊ฒŒ ํ•˜๊ธฐ

4. 5์ผ์— ๊ทธ๋ผ์šด๋“œ ๋ฐ”๋€Œ๊ณ  ๋Œ์•„๊ฐ€๋Š”๊ฑฐ ๊ฐœ๋ฐœํ•˜๊ธฐ

5. 10์ผ์— ์ˆ˜ํ’€ ์ถ”๊ฐ€๋˜๊ณ  ์‚ญ์ œํ•˜๋Š”๊ฑฐ ๊ฐœ๋ฐœํ•˜๊ธฐ

6. 100์ผ๊นŒ์ง€ ๋‚˜๋จธ์ง€ ํ”„๋ž๋“ค ๋ชจ๋‘ ์ ์šฉํ•˜๊ธฐ(100์ผ ์ดํ›„ ํ”„๋ž๋“ค์€ ๋‚˜์ค‘์— ๊ฐœ๋ฐœ)

7. ํ”„๋ฆฌ๋ฏธ์—„ ์„œ๋น„์Šค ์œ ๋ฃŒ ๊ฒฐ์ œ๋ถ€ํ„ฐ db, ์„œ๋ฒ„, ํด๋ผ ๋ฐ ๋ฒ•์ ์ธ ๋ฌธ์ œ์ฒ˜๋ฆฌ๊นŒ์ง€ ๋ชจ๋‘ ๊ฐœ๋ฐœํ•˜๊ธฐ

8, ์‹œ ๋ฌธ๊ตฌ db์ถ”๊ฐ€ํ•˜๊ณ  ์ ์šฉํ•˜๊ธฐ

9. ์„œ๋น„์Šค ๋‹ค๋“ฌ๊ณ  ์˜คํ”ˆํ•˜๊ธฐ

์˜ˆ์ „, ๊ฑฐ์˜ 10๋…„์ „์˜ canvas ์กฐ์ž‘ ๋ฐฉ์‹๊ณผ ๋งŽ์ด ๋‹ฌ๋ผ์กŒ๋‹ค.

๊ทธ๋• html5๊ฐ€ ๋ง‰ ๋ณดํŽธํ™”๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ๊ณ  ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ์ง€์›ํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ ๋‹ฌ๋ž๊ณ  ํ•จ์ˆ˜ ์ด๋ฆ„๋„ ๋ชจ๋‘ ๋‹ฌ๋ž๋‹ค.

javascript์— class๊ฐ€ ๋„์ž…๋˜๊ธฐ ์ด์ „์ด์–ด์„œ object๋ฅผ ๋น„์Šทํ•œ ๋Š๋‚Œ์œผ๋กœ overridingํ•ด์„œ ์‚ฌ์šฉํ–ˆ๋‹ค.

 

๋ฌด์—‡๋ณด๋‹ค ๊ฐ€์žฅ ๋‹ฌ๋ผ์ง„ ๊ฑด requestAnimationFrame()๊ฐ™์€ renderํ•จ์ˆ˜๋‹ค.

์ด์ œ ๋” ์ด์ƒ setInterval()์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๊ฒƒ ๊ฐ™์•„ ๋‹คํ–‰์ด๋‹ค.

 

๊ทธ๋Ÿฌ๊ณ  ๋ณด๋‹ˆ svg ์• ๋‹ˆ๋ฉ”์ด์…˜์€ ๋ช‡๊ฐœ ๋งŒ๋“ค์–ด๋ดค์ง€๋งŒ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋งŒ๋“ค์–ด ๋ณธ ์ ์ด ์—†์—ˆ๋‹ค.

๊ตฌํ˜„์ด ๊ฐ„๋‹จํ•  ๊ฑฐ๋ผ ์ƒ๊ฐํ–ˆ๋Š”๋ฐ ์ƒ๊ฐ๋ณด๋‹ค ๊ฐ„๋‹จํ•˜์ง€ ์•Š์•˜๋‹ค.

 

1. ์ผ๋‹จ canvas๊ด€๋ จ ์ฝ”๋”ฉ์„ ๋งŽ์ด ์žŠ์–ด๋ฒ„๋ ธ๊ณ  - ๋” ์ด์ƒ ์ด๋Ÿฐ ์ผ์ด ์—†๋„๋ก ํ™•์‹คํžˆ ์ •๋ฆฌํ•ด๋†“์ž

2. ์—ฐ์Šต์šฉ ์ƒ˜ํ”Œ ์ด๋ฏธ์ง€๋“ค์˜ width๊ฐ€ ๋ชจ๋‘ ๋‹ค๋ฅด๊ฑฐ๋‚˜ ๊ฐ€๋กœx์„ธ๋กœ๋กœ ๋งŒ๋“ค์–ด์ง„ ์Šคํ”„๋ผ์ดํŠธ ์ด๋ฏธ์ง€์—ฌ์„œ ์ฒ˜์Œ ์ต์ˆ™ํ•ด์ง€๋Š”๋ฐ ๊ณ ์ƒํ–ˆ๋‹ค.

์ด์ œ ํƒ€์ผ ์ด๋ฏธ์ง€๋กœ ๋ฐฐ๊ฒฝ์„ ์ฑ„์šฐ๊ณ  requestAnimationFrame์œผ๋กœ ์• ๋‹ˆ์—์ด์…˜์„ ํ•˜๊ณ  ์ปจํŠธ๋กค ํ•˜๋Š” ๊ฒƒ๊นŒ์ง€ ๋งŒ๋“ค๊ณ  ์ด๊ฑธ ๋ชจ๋“ˆํ™” ํ•ด๋†“์ž.

์Šฌ๋ผ์ž„ ์ด๋ฏธ์ง€ 2์žฅ์œผ๋กœ ๋งŒ๋“ค๊ธฐ ์—ฐ์Šต

 

์ด์ œ,

1. ๊ณ ์–‘์ด ์Šคํ”„๋ผ์ดํŠธ ์ด๋ฏธ์ง€๋ฅผ ๊ตฌํ•œ ํ›„

2. ์›น์—์„œ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๊ตฌ๋™์‹œ์ผœ๋ณด๊ณ 

3. ์ขŒ์šฐ ์ด๋™ ์ปจํŠธ๋กค์„ ๋งŒ๋“ค์–ด ๋ณด๊ณ 

4. ๋‘˜๋‹ค ์ฝ”๋“œ๋กœ ๋ชจ๋“ˆํ™” ํ•œ ๋‹ค์Œ

5. ๋‚˜๋งŒ์˜ ๊ณ ์–‘์ด ์Šคํ”„๋ผ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด ์ ์šฉํ•˜์ž

6. ๋‚ด๊ฐ€ ๋งŒ๋“  ๊ณ ์–‘์ด ์Šคํ”„๋ผ์ดํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์Šคํ…Œ์ด๋ธ” ๋””ํ“จ์ ผ์„ ํ†ตํ•ด ์ˆ˜๋ฐฑ๊ฐ€์ง€์˜ ๋ฒ„์ „์„ ๋งŒ๋“ค์–ด๋ณด๊ณ  ๊ฐ€์žฅ ์ข‹์€๊ฒƒ๋“ค์„ ์ฐพ์•„๋ณด์ž

์ฑ…์„ ๋ณด๋ฉฐ ํ•˜๋‚˜ํ•˜๋‚˜ ์—ฐ์Šต ์ค‘์ด๋‹ค.

๊ทธ๋Œ€๋กœ ๋”ฐ๋ผํ•˜๋ฉด ์‰ฌ์šด๊ฑฐ ๊ฐ™์€๋ฐ ์ฑ… ์—†์ด ํ˜ผ์ž ๊ทธ๋ฆฌ๋ฉด ๋ฐ”๋กœ ์–ผ์Œ์ด ๋œ๋‹ค.

๊ทธ๋Ÿฐ ๋ถ€๋ถ„์— ์žˆ์–ด ์ฝ”๋”ฉ๊ณผ ๋น„์Šทํ•˜๋‹ค.

์ตœ์„ ์„ ๋‹คํ•˜์ž.

 

1.  https://moonlit.himion.com/

- http๋กœ ์ ‘์†์‹œ ํฌ์›Œ๋”ฉ ์‹œ์ผœ์ฃผ๊ธฐ x

2. ํšŒ์› ํƒˆํ‡ด์‹œ ๋ชจ๋“  ์ •์›์˜ ์†Œ์œ ๊ถŒ์„ ํฌ๋ฏธํ•œ์œผ๋กœ ๊ท€์†์‹œํ‚ค๊ธฐ

- ๊ธฐ์กด ์ •์› ๋ฌธ์ œ ์—†์ด ๋Œ์•„๊ฐ€๊ฒŒ

- ์•ฝ๊ด€์— ๋„ฃ์–ด์•ผ ํ•œ๋‹ค. ํƒˆํ‡ด์ „ ํšŒ์›์—๊ฒŒ ์ถฉ๋ถ„ํžˆ ๊ฒฝ๊ณ ํ•ด์•ผํ•œ๋‹ค.

3. ๊ฝƒ์ด ์—ฐ์†์œผ๋กœ ๋†“์ผ๋•Œ ์•ฝ์†๋œ ์ด๋ฒคํŠธ๋งˆ๋‹ค ํด๋ผ์—์„œ ๋ณด์—ฌ์ค˜์•ผ ํ•œ๋‹ค. 

- ๊ธฐํš์ด ์—‰๋ง์ด๋‹ค. ์ •๋ฆฌํ•ด๋†“์ž.

- ๊ทธ ๋‹ค์Œ์— ํด๋ผ ๊ฐœ๋ฐœ ์‹œ์ž‘. ์„œ๋ฒ„๋Š” ์ด๋ฏธ ์™„์„ฑ

4. ์ •์› ์ƒ์„ฑ๊ด€๋ จ ์œ ๋ฃŒ์•„์ดํ…œ ๋„ฃ๊ณ  ๊ด€๋ จ ๋ชจ๋“  ํ…Œ์ŠคํŠธ ํ•˜๊ธฐ

 

์•„์ง ๊ตฌ๋ฉ๋“ค์ด ๋งŽ๋‹ค. ์ •์„ฑ์„ ๋‹คํ•ด ๋งŒ๋“ค์ž

 

์‚ฌ์šฉ๋‚ด์—ญ ์ฆ๋น™์ด ํ•„์š”ํ•˜๋‹ค๊ณ  ํ–ˆ๋‹ค.

์˜ค๋ž˜์ „ ๋“ฑ๋กํ•œ ์ค„ ์•Œ์•˜๋˜ ์‚ฌ์—…์นด๋“œ๋Š” ๋“ฑ๋ก๋œ ์ ์ด ์—†๋‹ค๊ณ  ํ–ˆ๋‹ค.

๋‚˜๋Š” ๋‚ด๊ฐ€ ๊ธฐ์–ตํ•˜์ง€ ๋ชปํ•˜๋Š” ๊ฒƒ๋“ค๋„ ์‚ฌ์—…๋น„๋กœ ์‹ ๊ณ ๋ฅผ ํ–ˆ๋‹ค.

์ฆ๋น™์„ ๋ชปํ•œ๋‹ค๋ฉด ๊ทธ์— ๋Œ€ํ•œ ๋ฒŒ๊ธˆ๋„ ๋ฌผ์–ด์•ผ ํ•œ๋‹ค๊ณ  ํ–ˆ๋‹ค.

 

์™ธ์—๋„ ๋ณต์žกํ•œ ๊ฒƒ๋“ค์ด ๋งŽ์•˜๋‹ค.

๋‹คํ–‰ํžˆ ์ฟ ํŒก์—์„œ ๊ตฌ์ž…ํ•œ ai์„œ๋ฒ„๋Š” ์„ธ๋ฌด์‚ฌ๋‹˜์ด ์ง์ ‘ ์ฒ˜๋ฆฌํ•ด์ฃผ์‹ ๋‹ค ํ–ˆ๋‹ค.

๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ์ œ์™ธํ•˜๊ณ  ๋‚˜๋จธ์ง€ ํ•ญ๋ชฉ์— ๋Œ€ํ•ด์„œ๋Š” ๋ชจ๋‘ ์ทจ์†Œ ํ•œํ›„ ๊ทธ์— ๋Œ€ํ•œ ๋ฒŒ๊ธˆ์„ ๋‚ด๊ฒ ๋‹ค๊ณ  ํ–ˆ๋‹ค.

 

ํšŒ๊ณ„์‚ฌ๋‹˜์€ ํšŒ์‚ฌ์˜ ๋งค์ถœ์ด ์—†๋Š” ๊ฒƒ์ด ์ˆ˜์ƒํ•ด๋ณด์˜€๋Š”์ง€

๊ณ„์† "๋งค์ถœ๋„ ์—†๊ณ " ๋ฅผ ๋ฐ˜๋ณตํ•ด ๋ง์”€ํ•˜์…จ๋‹ค.

์–ด๋จธ๋‹ˆ์™€ ๋‚ด ์ฃผ๋ณ€์‚ฌ๋žŒ๋“ค ๊ทธ๋ฆฌ๊ณ  ๋‚ด ์ž์‹ ๋˜ํ•œ ์Šค์Šค๋กœ์—๊ฒŒ ์ง€์ ํ•ด์™”๋˜

"์–ด์จŒ๋“  ๋งค์ถœ์ด ์—†์ž–์•„"

๋ผ๋Š” ๋ง์„ ์™„์ „ํ•œ ์ œ 3์ž์—๊ฒŒ ๋“ค์œผ๋‹ˆ ๊ธฐ๋ถ„์ด ์ด์ƒํ–ˆ๋‹ค.

 

์ „ํ™”๋ฅผ ๋Š๊ณ  ๊ณ ์–‘์ด์˜ ์ฝง์ž”๋“ฑ์— ์ž…์„ ๋งž์ถ”๊ณ 

ํšŒ์‚ฌ๋ฅผ ๋‚˜์™€ ํ•œ์ฐธ์„ ์ •์ฒ˜์—†์ด ๊ฑธ์–ด ๋‹ค๋…”๋‹ค.

๊ฝƒ์„ ํŒŒ๋Š” ํ• ๋จธ๋‹ˆ๋Š” ํ™์ด ์ž”๋œฉ ๋‹ด๊ธด ๋ฆฌ์–ด์นด๋ฅผ ๋Œ๊ณ  ์•ˆ์–‘์ฒœ ๋‹ค๋ฆฌ์˜ ๊ฒฝ์‚ฌ๋ฅผ ๋‚ด๋ ค๊ฐ€๊ณ  ๊ณ„์…จ๋‹ค.

์ค‘๊ฐ„์— ๋ช‡๋ฒˆ์ด๋‚˜ ๋ฉˆ์ถ”์–ด๊ฐ€์…จ์ง€๋งŒ ์‚ฌ๋žŒ๋“ค์€ ์ ˆ๋ฌ˜ํ•˜๊ฒŒ ํ• ๋จธ๋‹ˆ๋ฅผ ๋น„์ผœ๊ฐ”๋‹ค.

๋ฆฌ์–ด์นด๋Š” ๋ณ„๋กœ ๋ฌด๊ฒ์ง€ ์•Š์•˜๋‹ค. ๊ฐ‘์ž๊ธฐ ์—˜๋ฆฌ๋ฒ ์ดํ„ฐ๊ฐ€ ๊ณ ์žฅ๋‚˜์„œ ์–ด์ฉ”์ˆ˜ ์—†์—ˆ๋‹ค๊ณ  ํ•˜์…จ๋‹ค.

๋„ˆ๋ฌด ๊ณ ๋งˆ์›Œ ํ•˜์…”์„œ ์ฃ„์†กํ•œ ๋งˆ์Œ์ด ๋“ค์—ˆ๋‹ค. ๋‚ด๊ฒŒ๋Š” ์ •๋ง ์•„๋ฌด๊ฒƒ๋„ ์•„๋‹Œ ๊ฐ€๋ฒผ์šด ๋ฌด๊ฒŒ์˜€๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

 

๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ๋Š” ์‚ฌ์—…๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๊ฒ ์ง€.

์–ด๋–ป๊ฒŒ ์‚ฌ๋žŒ๋“ค์˜ ๋งˆ์Œ์„ ๋Œ๊ณ  ์–ด๋–ป๊ฒŒ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ์‚ฌ๋ž‘๋ฐ›๋Š” ๋ฌผ๊ฑด์„ ๋งŒ๋“œ๋Š”์ง€

๋‚œ (์•Œ์•„์•ผํ• ๋•Œ๊ฐ€ ์ด๋ฏธ ํ•œ์ฐธ ์ง€๋‚ฌ์Œ์—๋„) ์•Œ์ง€๋ฅผ ๋ชปํ•˜๊ฒ ๋‹ค.

 

๊ทธ๊ฒƒ์ด ๋‚ด๊ฒŒ ์ž๊ฒฉ์ด ์—†์Œ์„ ์•Œ๋ ค์ฃผ๋Š” ์‹ ํ˜ธ์ผ๊นŒ?

ํšŒ๊ณ„์‚ฌ ๋ˆ„๋‚˜๋Š” ์นœ์ ˆํ–ˆ๋‹ค. (๋‹น์—ฐํžˆ) ๋‚ดํŽธ์€ ์•„๋‹ˆ์—ˆ์ง€๋งŒ ๋‚˜๋ฅผ ๋„์™€์ฃผ๋ ค๊ณ  ํ–ˆ๋‹ค.

 

๋„ˆ๋ฌด๋‚˜ ๋‚ด ์ž์‹ ์ด ๋ถ€๋„๋Ÿฌ์›Œ ๊ฒฌ๋””๊ธฐ ํž˜๋“ค์—ˆ๋‹ค.

+ Recent posts