728x90
๋ฐ˜์‘ํ˜•
 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/์œ ํ‹ธ๋ฆฌํ‹ฐ

ํ…์ŠคํŠธ ์—๋””ํ„ฐ Atom(์•„ํ†ฐ)์˜ ์„ค์น˜์™€ ๊ธฐ๋ณธ์„ค์ •

Atom ์ด๋ž€? Github์—์„œ ๋งŒ๋“  ์—๋””ํ„ฐ๋กœ์จ ๋‹ค์–‘ํ•œ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์˜ ํŽธ์ง‘์ด ๊ฐ€๋Šฅํ•˜๊ณ  ์›น์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์—๋””ํ„ฐ๋ฅผ ์ปค์Šคํ„ฐ๋งˆ์ด์ง•ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ํฐ ์žฅ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. + ๊ทน๊ฐ•์˜ UI๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Atom์˜ ํŠน์ง• 1. ๋ฌด๋ฃŒ์ด๋‹ค. - ๋งŽ์€ ์‚ฌ์šฉ์ž๋“ค์„ ๋ณด์œ ํ•˜๊ณ  ์žˆ๋Š” Sublime Text, Edit Plus ๋“ฑ๊ณผ๋Š” ๋ฐ˜๋Œ€๋กœ ๋ฌด๋ฃŒ๋กœ ์ง€์›ํ•œ๋‹ค๋Š” ์  2. ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ๊ธฐ๋Šฅ์„ ํ™•์žฅํ•  ์ˆ˜ ์žˆ๋‹ค. 3. HTML / CSS /JavaScript์™€ ๊ฐ™์€ ์›น๊ธฐ์ˆ ๋“ค๋กœ ๊ตฌํ˜„๋˜์—ˆ๋‹ค. - ์•ž์„œ ๋งํ–ˆ๋“ฏ์ด ์›นํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๋“ฏ์ด ์ปค์Šคํ„ฐ๋งˆ์ด์ง•ํ•˜์—ฌ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. 4. Windows / MAC / Linux ๋ชจ๋‘ ์„ค์น˜ ๊ฐ€๋Šฅํ•˜๋‹ค. 5. ๋งˆ์ง€๋ง‰์œผ๋กœ ์ด์˜๋‹ค. โ˜…โ˜…โ˜…โ˜…โ˜… Atom ์„ค์น˜ ์•„ํ†ฐ์€ ์•„๋ž˜ ์ฃผ์†Œ๋ฅผ ํ†ตํ•˜์—ฌ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์„ ์ˆ˜ ์žˆ์Šต..

2016.10.17 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/์œ ํ‹ธ๋ฆฌํ‹ฐ

์„œ๋ธŒ๋ผ์ž„ ํ…์ŠคํŠธ(Sublime Text) ์†Œ๊ฐœ ๋ฐ ์„ค์น˜

ํ•™๋ถ€์‹œ์ ˆ ์›น๊ธฐ๋ฐ˜ ์‹œ์Šคํ…œ ์ˆ˜์—…์„ ๋“ค์—ˆ๋˜ ๋‹น์‹œ ์—๋””ํŠธํ”Œ๋Ÿฌ์Šค๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์ฝ”๋”ฉ์„ ํ–ˆ๋˜ ๊ธฐ์–ต์ด๋‚ฉ๋‹ˆ๋‹ค, ๋ฉ”๋ชจ์žฅ์— ๋น„ํ•ด์„œ๋Š” ์ •๋ง ํŽธํ•œ ๋ฐฉ์‹์ด๋ผ ๊ทธ๋•Œ ๋‹น์‹œ์—๋Š” ๋งŒ์กฑํ–ˆ์ง€๋งŒ, ์„œ๋ธŒ๋ผ์ž„ ํ…์ŠคํŠธ(sublime text)๋ผ๋Š” ์‹ ์„ธ๊ณ„๋ฅผ ๋งˆ์ฃผํ•˜๊ฒŒ ๋˜์—ˆ๊ณ , ์ง€๊ธˆ๊นŒ์ง€ ์›น ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋”ฉ์„ ํ•  ๋•Œ ์ด ์—๋””ํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ๋ฌด๋ฃŒ๋ฒ„์ „์„ ์‚ฌ์šฉํ•ด๋„ ์ œ์•ฝ์ด ์—†๋‹ค์‹œํ”ผํ•œ ์„œ๋ธŒ๋ผ์ž„ ํ…์ŠคํŠธ์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ด…๋‹ˆ๋‹ค. ์„œ๋ธŒ๋ผ์ž„ ํ…์ŠคํŠธ(Sublime Text) ์†Œ๊ฐœ ์„œ๋ธŒ๋ผ์ž„ ํ…์ŠคํŠธ๋Š” ๊ฐ€๋ณ๊ณ  ํ™•์žฅ์„ฑ์ด ์ข‹์€ ํŽธ์ง‘๊ธฐ๋กœ์„œ, ๊ตญ๋‚ด๋ฟ ์•„๋‹ˆ๋ผ ์™ธ๊ตญ์—์„œ๋„ ๋งŽ์€ ๊ฐœ๋ฐœ์ž๋“ค์ด ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ์—๋””ํ„ฐ์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ ํ•˜๋“œ์ฝ”๋”ฉ์„ ์—ผ๋‘์— ๋‘๊ณ  ๊ฐœ๋ฐœ๋˜์—ˆ๋Š”๋ฐ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ํ”Œ๋Ÿฌ๊ทธ์ธ๋“ค์ด ๋ถ™์œผ๋ฉด์„œ ๊ทธ ํŽธ์˜์„ฑ์ด ๋‚ ๋กœ ์ข‹์•„์ง€๊ณ  ์žˆ๋Š” ์ถ”์„ธ์ž…๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๊ณต๋˜๋Š” Monokai ํ…Œ๋งˆ๋„..

2016.10.17 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

์ผ์ƒ/์ปดํ“จํ„ฐ ๊ด€๋ จ ํŒ

[PC ์ตœ์ ํ™”] ์‹œ์Šคํ…œ ์ตœ์ ํ™” ํ”„๋กœ๊ทธ๋žจ ๊ณ ํด๋ฆฐ ์‚ฌ์šฉ๋ฒ•

์‹œ์Šคํ…œ ์ตœ์ ํ™” ํ”„๋กœ๊ทธ๋žจ ๊ณ ํด๋ฆฐ ์‚ฌ์šฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ๊ณ ํด๋ฆฐ์ด๋ผ๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ์•„์‹œ๋‚˜์š”. ์ธํ„ฐ๋„ท์ด ๋Š๋ ค์ง€๊ฑฐ๋‚˜, ์ปดํ“จํ„ฐ ์†๋„๊ฐ€ ๋Š๋ ค์งˆ๋•Œ๋Š” ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ฌธ์ œ๊ฐ€ ์žˆ๊ฒ ์ง€๋งŒ ๋Œ€๋ถ€๋ถ„์€ ํŒŒ์ผ ๋ฌธ์ œ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿด๋•Œ ๊ฐ€๋” ์‚ฌ์šฉํ•˜๋Š” ๊ณ ํด๋ฆฐ์„ ์†Œ๊ฐœํ•ด๋“œ๋ฆฌ๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์šฐ์„ , ๊ณ ํด๋ฆฐ ๋‹ค์šด๋กœ๋“œ ๋ถ€ํ„ฐ ์•Œ๋ ค๋“œ๋ฆด๊ป˜์š”. http://software.naver.com/software/summary.nhn?softwareId=MFS_100029 ๋„ค์ด๋ฒ„์— ๊ณ ํด๋ฆฐ์„ ๊ฒ€์ƒ‰ํ•˜์‹œ๋ฉด, ๋„ค์ด๋ฒ„ ์ž๋ฃŒ์‹ค์—์„œ ๋ฐ›์œผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ด ํ”„๋กœ๊ทธ๋žจ์€ ์‹œ์Šคํ…œ ์ตœ์ ํ™”๋ถ„์•ผ์—์„œ 1์œ„๋ฅผ ํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, ๋‹ค์Œ์œผ๋กœ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ์ด ํŒจ์ŠคํŠธ ํ•‘๊ณผ ๋„ค์ด๋ฒ„ ํด๋ฆฌ๋„ˆ ์ปดํ“จํ„ฐ์— ์กฐ๊ธˆ ์•„๋Š” ๋ถ„๋“ค์€ ํ”„๋กœ์„ธ์Šค ํด๋ฆฐ์ด๋ผ๊ณ  ์ƒ๊ฐํ•  ์ˆ˜์žˆ์Šต๋‹ˆ๋‹ค.๊ทธ๋งŒํผ ๊ฐ„๋‹จํ•˜๊ฒŒ ํด๋ฆญ ๋ช‡๋ฒˆ์œผ๋กœ ํšจ๊ณผ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ๋งŽ์€ ๋ถ„๋“ค์ด..

2016.10.17 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

[CSS3] emmet์„ ํ†ตํ•ด ํšจ์œจ์ ์œผ๋กœ CSS๋ฅผ ์ž‘์„ฑํ•ด๋ณด์ž

Emmet? Emmet์ด๋ž€ editor plugin์œผ๋กœ์จ ๋‹จ์ถ•ํ‚ค๋ฅผ ์ด์šฉํ•ด HTML, XML, XSL ์ฝ”๋”ฉ ์†๋„๋ฅผ ๋น„์•ฝ์ ์œผ๋กœ ํ–ฅ์ƒ์‹œ์ผœ์ฃผ๋Š” ํˆด์ž…๋‹ˆ๋‹ค. ๊ฐ€๋ น ๊ธด ํ…Œ์ด๋ธ”์„ ์ฝ”๋”ฉํ•  ๋•Œ, ์†์œผ๋กœ ์ž…๋ ฅํ•˜๋Š” ๊ฑด ๋ˆ„๊ฐ€๋ด๋„ ๋ฐ”๋ณด๊ฐ™์€ ์ง“์ด๊ณ  ์ค„์ค„์ด ๋ณต์‚ฌํ•ด ๋ถ™์ด๋Š” ๊ฒƒ๋„ ๋ณ„๋ฐ˜ ๋‚˜์„ ๊ฒŒ ์—†์–ด ๋ณด์ž…๋‹ˆ๋‹ค. ๋ฌผ๋ก  ํ…Œ์ด๋ธ” ๋งŒ๋“œ๋Š” ํˆด์„ ์“ฐ๋Š” ๊ฒŒ ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ธ ๋ฐฉ๋ฒ•์ด๊ธด ํ•ฉ๋‹ˆ๋‹ค. ๊ทผ๋ฐ ์–ธ๋œป ๋ด๋„ ๊ฐ™์€ ํƒœ๊ทธ์˜ ๋ฐ˜๋ณต์ž„์„ ์•Œ ์ˆ˜ ์žˆ๋Š”๋ฐ์š”. ์•„๋ž˜์™€ ๊ฐ™์ด ์ž๋™์™„์„ฑ์„ ํ•ด๋ณด๋ฉด ์–ด๋–จ๊นŒ์š”? table>tr*5>td*5 table ํƒœ๊ทธ๋กœ ์—ด๊ณ  ๊ทธ ์•„๋ž˜ tr ํƒœ๊ทธ 5๊ฐœ ์—ด๊ณ  ๊ทธ ์•„๋ž˜ td ํƒœ๊ทธ 5๊ฐœ ์—ด๋ผ๋Š” ๋œป์ž…๋‹ˆ๋‹ค. Emmet์€ ๋Œ€๋ถ€๋ถ„ ์ฝ”๋”ฉ์„ ํ•˜๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด ๋‹ค๋ฅธ ํˆด๊ณผ ๋‹ฌ๋ฆฌ ๊ธฐ๋ณธ์€ ๊ธˆ์„ธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ Emmet์˜ ์•ฝ์–ด๋Š” ๋‹จ์–ด์˜ ์ฒซ ๊ธ€์ž๋ฅผ ๋”ฐ์„œ ..

2016.10.17 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Bootstrap

[Bootstrap] ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์˜ ๊ทธ๋ฆฌ๋“œ ์‹œ์Šคํ…œ์„ ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• (bootstrap - grid system)

๋ถ€ํŠธ์ŠคํŠธ๋žฉ5 ์•ŒํŒŒ๊ฐ€ ๋Ÿฐ์นญ๋˜์—ˆ์Šต๋‹ˆ๋‹ค! ์•„๋ž˜์—์„œ ํ™•์ธํ•ด๋ด์š”! ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5(Bootstrap 5) ์•ŒํŒŒ๋ฒ„์ „ ์ถœ์‹œ! ๋‚จ๋“ค๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ๊ณต๋ถ€ํ•ด๋ณด์ž! ๐ŸŽ‰ Bootstrap 5 Alpa ๋“œ๋””์–ด ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5 ์•ŒํŒŒ๋ฒ„์ „์ด ๋‚˜์™”์Šต๋‹ˆ๋‹ค. ์ œ๊ฐ€ ํ•™๋ถ€์‹œ์ ˆ์— ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ๊ด€๋ จ ๊ธ€์„ ์ผ๋˜๊ฒŒ ์—Š๊ทธ์ œ ๊ฐ™์€๋ฐ ๋ฒŒ์จ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 5 ์•ŒํŒŒ๊ฐ€ ๋‚˜์˜ค๋‹ค๋‹ˆ.. ์ •๋ง ์„ธ์›”์ด ๋น ๋ฅธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค webruden.tistory.com ๋ถ€ํŠธ์ŠคํŠธ๋žฉ (Bootstrap) ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์€ ํŠธ์œ„ํ„ฐ์˜ ์›น ๋””์ž์ด๋„ˆ์™€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งŒ๋“  ์˜คํ”ˆํ˜• UI ํ”Œ๋Ÿฌ๊ทธ์ธ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ „ ์„ธ๊ณ„์˜ ์›น์ œ์ž‘์ž๋“ค์—๊ฒŒ ํŽธ๋ฆฌ์„ฑ์„ ์ฃผ๊ณ ์ž ๋งŒ๋“ค์–ด์กŒ์œผ๋ฉฐ ๋ณด๋‹ค ํŽธ๋ฆฌํ•˜๊ณ  ๋น ๋ฅด๊ฒŒ ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•˜๊ณ  ๋‹ค์–‘ํ•œ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์€ ๋ฏธ๋ฆฌ ์ •์˜๋œ ์Šคํƒ€์ผ์‹œํŠธ์™€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌ๋™ํ•˜๋Š” ํ”Œ๋Ÿฌ..

2016.10.17 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Sum of two lowest positive integers

Description: Create a function that returns the sum of the two lowest positive numbers given an array of minimum 4 integers. No floats or empty arrays will be passed. For example, when an array is passed like [19,5,42,2,77], the output should be 7. [10,343445353,3453445,3453545353453] should return 3453455. Hint: Do not modify the original array. ์ „๊ณผ ๋น„์Šทํ•œ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ์ด๋ฒˆ ๋ฌธ์ œ๋Š” ๋ฐฐ์—ด์—์„œ ๊ฐ€์žฅ ๋‚ฎ์€ ์ˆซ์ž 2๊ฐœ๋ฅผ ๊ตฌํ•ด์„œ ๊ทธ ์ˆซ์ž 2..

2016.10.16 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Largest Elements

Write a program that outputs the top n elements from a list. Example: largest(2, [7,6,5,4,3,2,1]) // => [6,7] ๋ฐฐ์—ด์˜ ์ •๋ ฌ ๋ฉ”์†Œ๋“œ์™€ slice() ๋ฉ”์†Œ๋“œ๋ฅผ ํ™œ์šฉํ•ด์„œ ๋ฐฐ์—ด์—์„œ ์ œ์ผ ํฐ ๊ฐ’ n๊ฐœ๋ฅผ ๋ฝ‘์•„๋‚ด๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜์ž…๋‹ˆ๋‹ค.์ •๋ ฌ๋ฉ”์†Œ๋“œ๋Š” ๋ฌธ์ž์—ด ๊ธฐ์ค€์œผ๋กœ ๋™์ž‘ํ•˜๋ฏ€๋กœ ์ˆซ์ž๋ฅผ ๋ฐฐ์—ดํ•˜๋ ค๋ฉด ๋น„๊ตํ•จ์ˆ˜๋ฅผ ์ธ์ž๋กœ ๋„ฃ์–ด์ค˜์•ผ๋˜๋Š”๋ฐ์š”return a - b ๋ฅผ ํ•˜๋ฉด ์˜ค๋ฆ„์ฐจ์ˆœreturn b - a ๋ฅผ ํ•˜๋ฉด ๋‚ด๋ฆผ์ฐจ์ˆœ์œผ๋กœ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

2016.10.16 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

์ผ์ƒ/๋ฉด์ ‘

์›นํผ๋ธ”๋ฆฌ์‹ฑ ์ธํ„ฐ๋ทฐ ์˜ˆ์ƒ์งˆ๋ฌธ

์›นํผ๋ธ”๋ฆฌ์‹ฑ(์›นํผ๋ธ”๋ฆฌ์…”)์œผ๋กœ ์ด์ง ๋˜๋Š” ์ทจ์—…์„ ์ค€๋น„ํ•˜๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด ์‹ค๋ฌด ๋ฉด์ ‘๊ณผ ๋ฉด์ ‘ ์ „ ํ…Œ์ŠคํŠธ ๋“ฑ์ด ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค. ๊ณผ์—ฐ ํผ๋ธ”๋ฆฌ์‹ฑ ๋ถ„์•ผ์— ์ง€์›ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์–ด๋–ค ์ค€๋น„๋ฅผ ํ•ด์•ผํ• ๊นŒ? ๋˜ํ•œ ์ทจ์—…๊นŒ์ง€๋Š” ์–ด๋–ค ๊ณผ์ •์ด ์žˆ๋Š”์ง€ ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ ์›นํผ๋ธ”๋ฆฌ์…” ๋˜๋Š” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์š”๊ตฌํ•˜๋Š” ์—ญ๋Ÿ‰์€ html๊ณผ css ๊ทธ๋ฆฌ๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์žˆ๋‹ค ํ•˜๊ฒ ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ํšŒ์‚ฌ์—์„œ๋Š” ์‹ค๋ฌด ๋ฉด์ ‘์„ ํ†ตํ•ด ์ธํ„ฐ๋ทฐ์— ์‘์‹œ์ž์˜ ๋Šฅ๋ ฅ์„ ํŒ๋‹จํ•˜์ง€๋งŒ ๋ฉด์ ‘ ์ „ ๊ฐ„๋‹จํ•œ ํ…Œ์ŠคํŠธ๋„ ์ข…์ข… ์น˜๋ค„์ง€๊ณ  ์žˆ๋‹ค. ํ…Œ์ŠคํŠธ๋ผ๋ฉด ์–ด๋–ค ํ…Œ์ŠคํŠธ๊ฐ€ ์žˆ์„๊นŒ? ํšŒ์‚ฌ์—์„œ ์š”๊ตฌํ•˜๋Š” ์›นํผ๋ธ”๋ฆฌ์‹ฑ ์‚ฌ์ „ ํ…Œ์ŠคํŠธ ํ…Œ์ŠคํŠธ์˜ ๊ฒฝ์šฐ ํšŒ์‚ฌ๋งˆ๋‹ค ๋‹ค๋ฅด๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ ์ค‘ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ํšŒ์‚ฌ๋Š” ๋Œ€๊ฒŒ ์งˆ๋ฌธ์ง€ ํ˜•ํƒœ์˜ ์„œ์ˆ ํ˜• ๋ฌธ์ œ๊ฐ€ ๋” ๋งŽ์ด ์‚ฌ์šฉ๋œ๋‹ค. ์•„๋ฌด๋ž˜๋„ ์–ผ๋งˆ๋‚˜ ์‹ฌ๋„์žˆ๊ฒŒ ์ž๋ฐ”์Šค..

2016.10.16 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Javascript

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] javascript - this

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ ๊ธฐ์กด ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ „๋‹ฌ๋˜๋Š” ์ธ์ž ๊ฐ’์— ๋”ํ•ด, arguments ๊ฐ์ฒด ๋ฐ this ์ธ์ž๊ฐ€ ํ•จ์ˆ˜ ๋‚ด๋ถ€๋กœ ์•”๋ฌต์ ์œผ๋กœ ์ „๋‹ฌ๋˜์–ด์ง‘๋‹ˆ๋‹ค. this ์ธ์ž๋Š” ์ดํ•ดํ•˜๊ธฐ ์กฐ๊ธˆ ๊นŒ๋‹ค๋กญ์Šต๋‹ˆ๋‹ค. this๊ฐ€ ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์šด ์ด์œ ๋Š” ์ž๋ฐ”์Šคํด๋น„ํŠธ์˜ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ ํŒจํ„ด์— ๋”ฐ๋ผ this๊ฐ€ ๋‹ค๋ฅธ ๊ฐ์ฒด๋ฅผ ์ฐธ์กฐ(this ๋ฐ”์ธ๋”ฉ)ํ•˜๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ์•„๋ž˜์™€ ๊ฐ™์ด this ๋ฐ”์ธ๋”ฉ์—๋Š” 3๊ฐ€์ง€ ํŒจํ„ด์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์ฒด์˜ ๋ฉ”์†Œ๋“œ๋ฅผ ํ˜ธ์ถœ -> ํ•ด๋‹น ๋ฉ”์†Œ๋“œ๋ฅผ ํ˜ธ์ถœํ•œ ๊ฐ์ฒด๋กœ ๋ฐ”์ธ๋”ฉํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœ -> ์ „์—ญ ๊ฐ์ฒด์— ๋ฐ”์ธ๋”ฉ์ƒ˜์„ฑ์ž ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœ -> ์ƒˆ๋กœ ์ƒ์„ฑ๋˜๋Š” ๊ฐ์ฒด์— ๋ฐ”์ธ๋”ฉ ์˜ค๋Š˜ ์ฐจ๊ทผ์ฐจ๊ทผ ์ด this ๋ฐ”์ธ๋”ฉ์— ๋Œ€ํ•ด์„œ ์ •๋ณตํ•ด ๋‚˜๊ฐ€๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. 1. ๊ฐ์ฒด๋ฅผ ํ˜ธ์ถœํ•  ๋•Œ this ๋ฐ”์ธ๋”ฉ ๊ฐ์ฒด์˜ ๋ฉ”์†Œ๋“œ๋ฅผ ํ˜ธ์ถœํ•  ๊ฒฝ์šฐ, ๋ฉ”์†Œ๋“œ ๋‚ด๋ถ€ ์ฝ”..

2016.10.16 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Fizz / Buzz

Description: Write a function that takes an integer and returns an Array [A, B, C] where A is the number of multiples of 3 (but not 5) less than the given integer, B is the number of multiples of 5 (but not 3) less than the given integer and C is the number of multiples of 3 and 5 less than the given integer. For example, solution(20) should return [5, 2, 1] 3์˜ ๋ฐฐ์ˆ˜์™€ 5์˜ ๋ฐฐ์ˆ˜ ๊ทธ๋ฆฌ๊ณ  3๊ณผ 5์˜ ๋ฐฐ์ˆ˜๊ฐ€ ๋™์‹œ์— ์ถฉ์กฑ์‹œํ‚ค๋Š” ..

2016.10.16 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Javascript

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] javascript array (์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด) ์ •๋ฆฌ 2

์ตœ๊ทผ ๋ฐฐ์—ด ์œ„์ฃผ๋กœ ์ฝ”๋”ฉ์„ ๋งŽ์ด ํ•ด์•ผํ•˜๋Š” ์ƒํ™ฉ์„ ์ ‘ํ•˜๋ฉฐ ์ƒ๊ฐ๋ณด๋‹ค ๋ชจ๋ฅด๊ณ  ์žˆ๋˜ ES5 ์ŠคํŽ™์˜ Array ๋ฉ”์„œ๋“œ๋“ค์ด ๋งŽ์ด ์žˆ์Œ์„ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ECMA Script6์˜ ์ƒˆ๋กœ์šด ์ŠคํŽ™๋“ค์ด ํ•˜๋‚˜ ๋‘˜ ์ตœ์‹  ๋ธŒ๋ผ์šฐ์ €์— ์ ์šฉ๋˜๊ณ  ์žˆ๋Š” ์ƒํ™ฉ์—์„œ ๊ธฐ์กด ES5์— ์ด๋ฏธ ๊ตฌํ˜„๋˜์–ด ์žˆ๋Š” ๋ฐฐ์—ด์˜ ๋ฉ”์„œ๋“œ๋“ค ์กฐ์ฐจ๋„ ์ œ๋Œ€๋กœ ํŒŒ์•…ํ•˜๊ณ  ์žˆ์ง€ ๋ชปํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด for ๋ฌธ์œผ๋กœ ๋Œ๋ฆฌ๊ธฐ ์‰ฌ์šด ๋ช‡ ๊ฐ€์ง€ ๋ฉ”์„œ๋“œ๋“ค์„ ์ •๋ฆฌํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. Array ๊ฐ์ฒด์—์„œ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š”, ๋ฐฐ์—ด ์ „์ฒด๋ฅผ ๋Œ๋ฉฐ ์–ด๋–ค ์ž‘์—…์„ ํ•  ๋•Œ ์œ ์šฉํ•œ ๋‹ค์–‘ํ•œ ๋ฉ”์†Œ๋“œ๋“ค์„ ํ•˜๋‚˜์”ฉ ์‚ดํŽด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐฐ์—ด ์ž‘์—…์„ ํ•  ๋•Œ for๋ฌธ์ด ๋จผ์ € ์ƒ๊ฐ๋‚˜๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด ๊ผญ ๋ณด์‹œ๋ฉด ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. join() .join()์€ ๋ฐฐ์—ด์˜ ์›์†Œ๋“ค์„ ์—ฐ๊ฒฐํ•˜์—ฌ ํ•˜๋‚˜์˜ ๊ฐ’์œผ๋กœ ๋งŒ๋“ญ๋‹ˆ๋‹ค. arr ๋ฐฐ์—ด์— ์žˆ๋Š” ์›์†Œ..

2016.10.16 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Javascript

[2020 ์ตœ์‹  ES6+] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฐฐ์—ด ๊ธฐ๋ณธ๋ถ€ํ„ฐ ์‘์šฉ๊นŒ์ง€ ์™„๋ฒฝ ์ •๋ฆฌ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค ๋ณด๋ฉด ๋ฐฐ์—ด์ด๋ผ๋Š” ์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ์ ‘ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๋ฐฐ์—ด์ด๋ž€ ๋ฌด์—‡์ผ๊นŒ์š”? ๊ทธ๋ฆฌ๊ณ  ๋ฐฐ์—ด์€ ์–ด๋–ค ๊ฒฝ์šฐ์— ์‚ฌ์šฉ์ด ๋˜๊ณ  ์–ด๋–ค ๊ธฐ๋Šฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ์„๊นŒ์š”? ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ฐฐ์—ด์„ ๋‹ค๋ฃจ๊ธฐ ์œ„ํ•œ ๋ชจ๋“  ๊ฒƒ์„ ์„ค๋ช…ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฐฐ์—ด์ด๋ž€? ๋ฐฐ์—ด์€ ๋ชจ๋“  ์–ธ์–ด(ํŒŒ์ด์ฌ(Python), ์ž๋ฐ”(Java), C, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(Javascript))์—์„œ ์ง€์›ํ•˜๊ณ  ์žˆ๋Š” ์ž๋ฃŒ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค. ๋ฐฐ์—ด์„ ๊ฐ„๋‹จํžˆ ์„ค๋ช…๋“œ๋ฆฌ๋ฉด ์—ฐ๊ด€๋œ ๋ฐ์ดํ„ฐ๋ฅผ ํ•˜๋‚˜์˜ ํ‹€์—์„œ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ์ž๋ฃŒ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค. ๋ณ€์ˆ˜๊ฐ€ ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•œ ๊ฒƒ์ด๋ผ๋ฉด ๋ฐฐ์—ด์€ ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ํ•˜๋‚˜์˜ ๋ณ€์ˆ˜์— ์ €์žฅํ•˜๊ธฐ ์œ„ํ•œ ๊ฒƒ์ด๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜๋Š” ์–ธ์–ด์— ๋”ฐ๋ผ์„œ ๋ฐฐ์—ด์˜ ํŠน์„ฑ์ด ์กฐ๊ธˆ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์ง€๋งŒ, ๊ธฐ๋ณธ์ ์ธ ๋™์ž‘ ์›๋ฆฌ๋Š” ๋™์ผํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋‹ค๋ฅธ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜์‹œ๋”๋ผ๋„..

2016.10.15 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

[CSS3] Position : Float์˜ ๋ถ€๋ชจ height๊ฐ€ ์ ์šฉ์ด ์•ˆ๋˜๋Š” ํ˜„์ƒ ํ•ด๊ฒฐ๋ฒ•

css3์—์„œ ์ž์‹์š”์†Œ์— float๋ฅผ ์ ์šฉํ•˜๋ฉด ๋ถ€๋ชจ์˜ height๊ฐ€ 0์œผ๋กœ ๋˜์–ด๋ฒ„๋ฆฌ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ์ด ํ˜„์ƒ์„ ํ•ด๊ฒฐํ•˜๋Š” ๋ฒ•์„ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ ๋ณด์‹œ๋ฉด nav์˜ ๋ถ€๋ชจํƒœ๊ทธ์ธ header์˜ height๊ฐ€ 0๊ฐ€ ๋˜๋Š” ํ˜„์ƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์œ ๋Š” float ์†์„ฑ์€ ์‰ฝ๊ฒŒ ๋งํ•ด ์˜ค๋ฅธ์ชฝ์ด๋‚˜ ์™ผ์ชฝ์œผ๋กœ ๋ถ•~๋„์šด๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค. ํ•œ๋งˆ๋””๋กœ ๋ถ€๋ชจ๋ฅผ float๋กœ ์„ค์ •ํ•˜์ง€ ์•Š๋Š” ์ด์ƒ, ๊ฑฐ๊ธฐ์— ์ ์šฉ๋ฐ›์ง€ ์•Š๊ณ  ๋…๋ฆฝ์ ์œผ๋กœ ์œ„๋กœ ๋– ์žˆ๋Š” ์ƒํƒœ์ฃ . ์ด ์ƒํƒœ๋ฅผ ๋ถ€๋ชจ์š”์†Œ๊นŒ์ง€ ์ ์šฉ์„ ์‹œํ‚ค๋ ค๋ฉด ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ๋ฐฉ๋ฒ• 1 (๊ฐ€์ƒ ์„ ํƒ์ž :after๋กœ clear ํ•˜๋Š” ๋ฐฉ๋ฒ•) ๊ฐ€์žฅ ํƒ์›”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๋ฐฉ๋ฒ•์ด๋ผ ์ฒซ๋ฒˆ์งธ๋กœ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ์šฐ์„  "๊ฐ€์ƒ ์„ ํƒ์ž"๋ผ๋Š” ๊ฐœ๋…์„ ์ดํ•ดํ•˜์…”์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์•ฝ๊ฐ„ ์ดํ•ด๊ฐ€ ํ•„์š”ํ•œ๋ฐ์š”. ๊ฐ€์ƒ์„ ..

2016.10.14 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Javascript

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ์™€ ์ฝœ๋ฐฑํ•จ์ˆ˜(javascript callback)

์˜ค๋Š˜์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ์™€ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ๋‹ค๋ค„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ ? ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋Š” ์‰ฝ๊ฒŒ ๋งํ•ด ์–ด๋– ํ•œ ์ด๋ฒคํŠธ์— ๋Œ€ํ•ด ๋Œ€๊ธฐ์ค‘์ธ ์ƒํƒœ๋ฅผ ๋งํ•ฉ๋‹ˆ๋‹ค. ํ•ญ์ƒ ๋ฆฌ์Šค๋‹(๋“ค์œผ๋ฉฐ) ๋Œ€๊ธฐ์ค‘์ธ๊ฑฐ์ฃ . ํ•ด๋‹น ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ๋“ฑ๋กํ•ด๋†จ๋˜ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๊ฐ€ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค. ์œ„์˜ ์ฝ”๋“œ๋ฅผ ์•„๋งˆ ํ•œ๋ฒ„ ๋ณด์‹  ์ ์ด ์žˆ์„๊ฒ๋‹ˆ๋‹ค. ์ด ์ฝ”๋“œ๊ฐ€ ๋Œ€ํ‘œ์ ์ธ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ์ธ๋ฐ์š”. window๊ฐ€ load๋  ๋•Œ function ๋ถ€๋ถ„์ด ์‹คํ–‰์ด ๋˜๋Š”๊ฒ๋‹ˆ๋‹ค. ๊ทธ๋Ÿผ load ๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์„ ๋ˆ„๊ฐ€ ์•Œ๋ ค์ค„๊นŒ์š”? ๋ฐ”๋กœ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์•Œ๋ ค์ค๋‹ˆ๋‹ค.๋น„์Šทํ•œ ์ฝ”๋“œ๋กœ, ๊ทธ๋ฆฌ๊ณ  ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” ์ฝ”๋“œ๋กœ onclick์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋Š” ํ•ญ์ƒ on + "์ด๋ฒคํŠธ ๋ช…"์œผ๋กœ ๋ช…๋ช…๋ฉ๋‹ˆ๋‹ค.onclick, onkeypress, onmousemove ๋“ฑ ์ฒ˜๋Ÿผ์š”. window ..

2016.10.14 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Sum of odd numbers

Given the triangle of consecutive odd numbers: 1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 ... Calculate the row sums of this triangle from the row index (starting at index 1) e.g.: rowSumOddNumbers(1); // 1 rowSumOddNumbers(2); // 3 + 5 = 8 ๋„ˆ๋ฌด ์–ด๋ ต๊ฒŒ ์ƒ๊ฐํ–ˆ๋‹ค..์กฐ๊ธˆ๋งŒ ๋” ์‰ฝ๊ฒŒ ์ƒ๊ฐํ–ˆ์œผ๋ฉด ํ›จ์”ฌ ์‰ฌ์šด ๋ฐฉ๋ฒ•์„ ์ƒ๊ฐํ•ด๋‚ผ ์ˆ˜ ์žˆ์—ˆ๋Š”๋ฐ..๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฐ”๋กœ ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œํ•ด๊ฒฐ๋Šฅ๋ ฅ์„ ํ‚ค์šฐ๋„๋ก ๋…ธ๋ ฅํ•ด์•ผ๊ฒ ๋‹ค. ์™œ ์ด๋ฐฉ๋ฒ•์„ ์ƒ๊ฐ์„ ๋ชปํ–ˆ์„๊ผฌ...

2016.10.14 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

Computer science/์•Œ๊ณ ๋ฆฌ์ฆ˜

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ตฌํ˜„ํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜] Remove the minimum

Description: The museum of incredible dull things The museum of incredible dull things wants to get rid of some exhibitions. Miriam, the interior architect, comes up with a plan to remove the most boring exhibitions. She gives them a rating, and then removes the one with the lowest rating. However, just as she finished rating all exhibitions, she's off to an important fair, so she asks you to wr..

2016.10.14 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/CSS3

[CSS3] Height :100% ๊ฐ€ ์ ์šฉ๋˜์ง€ ์•Š์„๋•Œ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•

์›นํ‘œ์ค€์œผ๋กœ ์ฝ”๋”ฉ์„ ํ•˜๋‹ค๋ณด๋ฉด Height ๋‹จ์œ„์ธ %๊ฐ€ ์ ์šฉ์ด ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. px๋‹จ์œ„๋กœ๋Š” height ๊ฐ’์ด ์ ์šฉ๋˜๋Š”๋ฐ %๋Š” ์ ์šฉ์ด ๋˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ์˜ ๋Œ€์ฒ˜๋ฒ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์•„๋ž˜ box ํด๋ž˜์Šค์— height 100%๋ฅผ ๋จน์—ฌ๋ณด์•˜์œผ๋‚˜ ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ, ํ•„์š”ํ•  ๊ฒฝ์šฐ๋ฅผ ๋Œ€๋น„ํ•ด์„œ ํ•œ๋ฒˆ ์•Œ์•„๋ณด๋„๋กํ•˜์ฃ . HEIGHT:100%๊ฐ€ ์ ์šฉ๋˜๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• ์ƒ๊ฐ๋ณด๋‹ค ์ •๋ง ๊ฐ„๋‹จํ•˜๊ฒŒ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ์š”.html๊ณผ body ํƒœ๊ทธ์— height 100%๋ฅผ ๋„ฃ์–ด์ฃผ๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ ์ ์šฉ์‹œ์ผœ์ฃผ๋ฉด ์ •์ƒ์ ์œผ๋กœ box ํด๋ž˜์Šค์— height 100%๊ฐ€ ์ ์šฉ๋จ์„ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์›์ธ : %๋Š” ์ƒ๋Œ€์ ์ธ ๊ฐ’์ธ๋ฐ div์˜ height๊ฐ’์— %๋ฅผ ์ ์šฉํ•˜๋ฉด ๊ธฐ์ค€์œผ๋กœ ์‚ผ์„ ์ƒ์œ„..

2016.10.12 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

์นดํ…Œ๊ณ ๋ฆฌ ์—†์Œ

[jQuery] ์˜ˆ์ œ์™€ ํ•จ๊ป˜ํ•˜๋Š” ์ œ์ด์ฟผ๋ฆฌ ๊ฐ•์˜ (jQuery - filter vs find)

์ด์ „ ๊ฐ•์˜์—์„œ filter๋ฅผ ๋‹ค๋ค„๋ดค์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ jQuery์—๋Š” ๋น„์Šทํ•œ ๊ธฐ๋Šฅ์„ ํ•˜๋Š” ๊ฒƒ ๊ฐ™์€ find()๋ผ๋Š” ํ•จ์ˆ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ๋‘ ๊ฐ€์ง€ ๊ธฐ๋Šฅ์˜ ์ฐจ์ด์ ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ์œ„ ์ฝ”๋“œ์˜ ๊ฒฐ๊ณผ๋Š” ์–ด๋–ป๊ฒŒ ๋ ๊นŒ์š”?filter๋ฅผ ์‚ฌ์šฉํ–ˆ์œผ๋‹ˆ๊นŒ ๊ทธ ์•„๋ž˜์— ์žˆ๋Š” li์— ์ƒ‰์ƒ์ด ๋ณ€๊ฒฝ๋์„๊นŒ์š”? ๊ฒฐ๊ณผ๋ถ€ํ„ฐ ๋ง์”€๋“œ๋ฆฌ๋ฉด ์ƒ‰์ƒ์ด ๋ณ€ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.ํ•œ๋ฒˆ ๋ณต๊ธฐํ•ด๋ณผ๊นŒ์š”? $(".first_ul") // ์ œ์ด์ฟผ๋ฆฌ๋Š” first_ul์ด๋ผ๋Š” ํด๋ž˜์Šค๋ฅผ ์ฐพ์•„๋ผ.filter("li") // ๊ทธ๋ฆฌ๊ณ  li ํƒœ๊ทธ๋ฅผ ์ฐพ์•„์„œcss ์†์„ฑ์„ ์ ์šฉ์‹œ์ผœ๋ผ ! ๋ฌด์Šจ๋ง์ธ์ง€ ์ดํ•ดํ•˜์…จ๋‚˜์š”?.first_ul ์ž์‹์œผ๋กœ ์žˆ๋Š” liํƒœ๊ทธ๋ฅผ ์ฐพ์•„์„œ ์ƒ‰์ƒ์„ ๋ฐ”๊พธ๋ผ๋Š” ๋ง์ด ์•„๋‹Œ .first_ul ํด๋ž˜์Šค๋ฅผ ๊ฐ€์ง„ ํƒœ๊ทธ ์ค‘ li ํƒœ๊ทธ์— ์ƒ‰์ƒ์„ ๋ฐ”๊พธ๋ผ๋Š” ๋œป์ž…๋‹ˆ๋‹ค.

2016.10.11 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/jQuery

[jQuery] ์˜ˆ์ œ์™€ ํ•จ๊ป˜ํ•˜๋Š” ์ œ์ด์ฟผ๋ฆฌ ๊ฐ•์˜ (jQuery - filter)

jQuery - filter() jQuery์˜ filter๋Š” CSS ์…€๋ ‰ํ„ฐ๋กœ DOM ํŠธ๋ฆฌ๋ฅผ ์ œ์–ดํ–ˆ์„ ๋•Œ์— ๊ฐ์†Œํ•˜๋Š” ์†๋„๋ฅผ ์ปค๋ฒ„ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์„ ํ•ฉ๋‹ˆ๋‹ค. jQuery ๊ฐ์ฒด๋ฅผ ์ด์šฉํ•ด์„œ ํ‘œํ˜„๋œ DOM ์š”์†Œ ์ง‘ํ•ฉ์— .filter() ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์„ ํƒ๋œ ์š”์†Œ๋“ค์˜ ์ผ๋ถ€๋ถ€์„ ์ถ”์ถœํ•˜์—ฌ ์ƒˆ๋กœ์šด jQuery ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์˜ˆ์ œ๋ฅผ ๊ฐ€์ ธ์™€์„œ ์„ค๋ช…ํ•˜๋„๋ก ํ• ๊ฒŒ์š” ul์˜ ์ž์‹ ํƒœ๊ทธ์ธ liํƒœ๊ทธ์—์„œ ์ง์ˆ˜๋งŒ ๊ณจ๋ผ์„œ ์ƒ‰์„ ๋ณ€ํ™˜์‹œ์ผœ๋ณด๋Š” ์ฝ”๋“œ๋ฅผ ์งœ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ๋ฅผ ๋ณด๋ฉด ์ง์ˆ˜ menu์— ์ƒ‰์ด ์ ์šฉ๋œ ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์•„๋‹ˆ ์ง์ˆ˜๋ผ๋ฉด์„œ์š”?? ์™œ menu1๋ถ€ํ„ฐ ์ƒ‰์ด ๋“ค์–ด๊ฐ€ ์žˆ์–ด์š”? ์ฝ”๋“œ์ž˜๋ชป์ง ๊ฑฐ ์•„๋‹Œ๊ฐ€์š”? ๋ผ๊ณ  ์ƒ๊ฐํ•˜์‹ค ์ˆ˜ ์žˆ๋Š”๋ฐ์š”. li ํƒœ๊ทธ์— ์ ‘๊ทผํ•  ๋•Œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ๋‚ด๋ถ€์ ์œผ๋กœ ๋ฐ˜๋ณต๋ฌธ์„ ๋Œ๋ฆฌ๋Š”๋ฐ์š”. ๊ทธ ๋ฐ˜๋ณต๋ฌธ์€ ์ธ๋ฑ์Šค๋ฅผ ๊ธฐ์ค€..

2016.10.11 ๊ฒŒ์‹œ๋จ

 ํฌ์ŠคํŒ… ์ธ๋„ค์ผ ์ด๋ฏธ์ง€

๊ธฐ์ˆ  ์Šคํƒ/Javascript

[์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ] ํ”„๋กœํ† ํƒ€์ž… (Javascript - prototype)

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ โ€“ ํ”„๋กœํ† ํƒ€์ž…์ด๋ž€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ฒ˜์Œ ์ ‘ํ•  ๋•Œ ์ œ์ผ ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์› ๋˜ ๊ฐœ๋… ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋ฐ”๋กœ ํ”„๋กœํ† ํƒ€์ž…์ด์—ˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ•™์Šตํ•˜๋Š”๋ฐ ์žˆ์–ด์„œ ๊ผญ! ์ •๋ณตํ•ด์•ผํ•  ์‚ฐ์ด๊ธฐ๋„ ํ•œ ํ”„๋กœํ† ํƒ€์ž…์„ ์˜ค๋Š˜ ์ •๋ฆฌํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.์ด๋ฒˆ ๊ธฐํšŒ๋ฅผ ํ†ตํ•ด ์ œ๋Œ€๋กœ ํ”„๋กœํ† ํƒ€์ž…์„ ์ดํ•ดํ•˜๊ณ  ๋„˜์–ด๊ฐ€๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค.(์‚ฌ์‹ค ์ €๋„ ๋จธ๋ฆฟ์†์— ์ œ๋Œ€๋กœ ๋„ฃ๊ธฐ ์œ„ํ•ด ํฌ์ŠคํŒ…ํ•ฉ๋‹ˆ๋‹ค...) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ํด๋ž˜์Šค๋ผ๋Š” ๊ฐœ๋…์ด ์—†์Šต๋‹ˆ๋‹ค.๊ทธ๋ž˜์„œ ๊ธฐ์กด์˜ ๊ฐ์ฒด๋ฅผ ๋ณต์‚ฌํ•˜์—ฌ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๋Š” ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜์˜ ์–ธ์–ด์ž…๋‹ˆ๋‹ค. ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ์–ธ์–ด๋Š” ๊ฐ์ฒด ์›ํ˜•์ธ ํ”„๋กœํ† ํƒ€์ž…์„ ์ด์šฉํ•ด์„œ ์ƒˆ๋กœ์šด ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค์–ด๋ƒ…๋‹ˆ๋‹ค.์ด๋ ‡๊ฒŒ ์ƒ์„ ๋œ ๊ฐ์ฒด ์—ญ์‹œ ๋˜ ๋‹ค๋ฅธ ๊ฐ์ฒด์˜ ์›ํ˜•์ด ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ”„๋กœํ† ํƒ€์ž…์€ ๊ฐ์ฒด๋ฅผ ํ™•์žฅํ•˜๊ณ  ๊ฐ์ฒด ์ง€ํ–ฅ์ ์ธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ..

2016.10.10 ๊ฒŒ์‹œ๋จ

728x90
๋ฐ˜์‘ํ˜•