[jQuery] ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋“œ์‡ผ (ํ™”๋ฉด ์ „ํ™˜)

์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์ด์šฉํ•ด ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋“œ์‡ผ ๋งŒ๋“ค๊ธฐ - ํ™”๋ฉด ์ „ํ™˜ ๋ฐฉ์‹ See the Pen ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋“œ์‡ผ2 by Jinsol (@losuif) on CodePen. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Slide Show</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div id="wrap"> <h1>์Šฌ๋ผ์ด๋“œ์‡ผ : ํ™”๋ฉด์ „ํ™˜๋ฐฉ์‹</h1> <div id="slideShow"> <!-- ์ด๋ฏธ์ง€... Continue reading...

[jQuery] ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋“œ์‡ผ (๊ฐ€๋กœ ์ด๋™)

์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์ด์šฉํ•ด ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋“œ์‡ผ ๋งŒ๋“ค๊ธฐ - ๊ฐ€๋กœ ์ด๋™ ๋ฐฉ์‹ See the Pen ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋“œ์‡ผ by Jinsol (@losuif) on CodePen. HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Slide Show</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div id="wrap"> <h1>์Šฌ๋ผ์ด๋“œ์‡ผ : ๊ฐ€๋กœ์ด๋™๋ฐฉ์‹</h1> <div id="slideShow"> <!-- ์ด๋ฏธ์ง€... Continue reading...

[jQuery] ์Šฌ๋ผ์ด๋“œ ๋ฉ”๋‰ด ๋งŒ๋“ค๊ธฐ

์ œ์ด์ฟผ๋ฆฌ๋ฅผ ์ด์šฉํ•ด ์Šฌ๋ผ์ด๋“œ GNB ๋ฉ”๋‰ด ๋งŒ๋“ค๊ธฐ See the Pen Untitled by Jinsol (@losuif) on CodePen. HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GNB MENU</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div id="wrap"> <h1>GNB MENU</h1> <!-- nav#gnb>ul#mainMenu>li.mainLi*4>a[href] --> <nav id="gnb"> <ul id="mainMenu" class="flex-container"> <li... Continue reading...

[์ž๋ฃŒ๊ตฌ์กฐ(Data Structure)] Tree / Hashing

ํŠธ๋ฆฌ (Tree) ๋ถ€๋ชจ ๋…ธ๋“œ์™€ ์ž์‹ ๋…ธ๋“œ๊ฐ„์˜ ์—ฐ๊ฒฐ๋กœ ์ด๋ฃจ์–ด์ง„ ์ž๋ฃŒ ๊ตฌ์กฐ ์ด์ง„ ํŠธ๋ฆฌ (binary tree) ๋ถ€๋ชจ๋…ธ๋“œ์— ์ž์‹๋…ธ๋“œ๊ฐ€ ๋‘ ๊ฐœ ์ดํ•˜์ธ ํŠธ๋ฆฌ (๊ฐ ๋…ธ๋“œ๊ฐ€ ์ตœ๋Œ€ ๋‘๊ฐœ์˜ ์ž์‹์„ ๊ฐ€์ง) ์ด์ง„ ๊ฒ€์ƒ‰ ํŠธ๋ฆฌ (binary search tree) ์ž๋ฃŒ(key)์˜ ์ค‘๋ณต ํ—ˆ์šฉํ•˜์ง€ ์•Š์Œ ์™ผ์ชฝ ์ž์‹ ๋…ธ๋“œ๋Š” ๋ถ€๋ชจ ๋…ธ๋“œ๋ณด๋‹ค ์ž‘์€ ๊ฐ’ / ์˜ค๋ฅธ์ชฝ ์ž์‹ ๋…ธ๋“œ๋Š” ๋ถ€๋ชจ ๋…ธ๋“œ๋ณด๋‹ค ํฐ... Continue reading...

์ปฌ๋ ‰์…˜ ํ”„๋ ˆ์ž„์›Œํฌ (Collection Framework) / List, Set, Map

์ปฌ๋ ‰์…˜ ํ”„๋ ˆ์ž„์›Œํฌ (Collection Framework) ํ”„๋กœ๊ทธ๋žจ ๊ตฌํ˜„์— ํ•„์š”ํ•œ ์ž๋ฃŒ๊ตฌ์กฐ(Data Structure)๋ฅผ ๊ตฌํ˜„ํ•ด ๋†“์€ JDK ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ์ž๋ฃŒ ๊ตฌ์กฐ์™€ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•˜๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ๊ตฌ์กฐํ™”ํ•˜์—ฌ ํด๋ž˜์Šค๋กœ ๊ตฌํ˜„ํ•ด ๋†“์€ ๊ฒƒ ๊ฐœ๋ฐœ์— ์†Œ์š”๋˜๋Š” ์‹œ๊ฐ„์„ ์ ˆ์•ฝํ•˜๋ฉด์„œ ์ตœ์ ํ™” ๋œ ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ ์ž๋ฐ”์˜ ์ธํ„ดํŽ˜์ด์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌํ˜„ java.util ํŒจํ‚ค์ง€์— ๊ตฌํ˜„๋˜์–ด ์žˆ์Œ List ์ธํ„ฐํŽ˜์ด์Šค Set ์ธํ„ฐํŽ˜์ด์Šค Map ์ธํ„ฐํŽ˜์ด์Šค List,... Continue reading...