๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก์ „์ฒด ๊ธ€ (221)

JiYoung Dev ๐Ÿ–ฅ

HTML ํƒœ๊ทธ : ๋ฆฌ์ŠคํŠธ, ์ด๋ฏธ์ง€, ์•ต์ปค, ํ…Œ์ด๋ธ”, ์ธํ’‹ (2023.04.25)

๐ŸŽˆ ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ ๐Ÿ“– unordered list ๋ฒˆํ˜ธ ์—†๋Š” ๋ชฉ๋ก์„ ์„ ์–ธํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ ๐Ÿ“– ordered list ๋ฒˆํ˜ธ ์žˆ๋Š” ๋ชฉ๋ก์„ ์„ ์–ธํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ ๐Ÿ“– list item , ํƒœ๊ทธ ์•ˆ์—์„œ ์ฝ˜ํ…์ธ ๋ฅผ ๋‹ด๊ธฐ ์œ„ํ•ด ๊ณตํ†ต์ ์œผ๋กœ ์‚ฌ์šฉ๋˜๋Š” ํƒœ๊ทธ ๋ฆฌ์ŠคํŠธ ํƒœ๊ทธ ๋”ธ๊ธฐ ๋ฐ”๋‚˜๋‚˜ ์‚ฌ๊ณผ JAVA DB ์‹ค์Šต! ๊ตฌ๋งค ๋ชฉ๋ก ๋”ธ๊ธฐ ์†Œ๊ณ ๊ธฐ ์ƒค๋ธŒ์ƒค๋ธŒ ์ƒค๋ธŒ์ƒค๋ธŒ ์ˆœ์„œ ์œก์ˆ˜์™€ ์†Œ์Šค๋ฅผ ๋„ฃ๋Š”๋‹ค ์žฌ๋ฃŒ๋“ค์„ ๋„ฃ๋Š”๋‹ค ๊ณ ๊ธฐ๋ฅผ ๋„ฃ๋Š”๋‹ค ๐ŸŽˆ ์ด๋ฏธ์ง€ ํƒœ๊ทธ ์›นํŽ˜์ด์ง€์— ์ด๋ฏธ์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ํƒœ๊ทธ ํ•„์ˆ˜ ์†์„ฑ → src : ์ด๋ฏธ์ง€์˜ ๊ฒฝ๋กœ๋ฅผ ์ง€์ • โš™๏ธ ๊ฒฝ๋กœ๋ฅผ ์•Œ๋ ค์ฃผ๋Š” ๋ฐฉ๋ฒ• 1. ์ ˆ๋Œ€ ๊ฒฝ๋กœ ์–ด๋–ค ํŽ˜์ด์ง€๋‚˜ ํŒŒ์ผ์ด ๊ฐ€์ง„ ๊ณ ์œ ํ•œ ๊ฒฝ๋กœ ์™ธ๋ถ€ ์›นํŽ˜์ด์ง€๋กœ ์—ฐ๊ฒฐํ•  ๋•Œ ์‚ฌ์šฉ ๋‚ด๊ฐ€ ํŒŒ์ผ์„ ์–ด๋””์—์„œ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋˜ ์ ˆ๋Œ€๊ฒฝ๋กœ๋Š” ์ˆ˜์ •ํ•  ํ•„์š”๊ฐ€ ์—†์Œ ๊ทธ๋Ÿฌ๋‚˜ ์›๋ณธ์ด ์‚ฌ๋ผ์ง€๊ฒŒ ๋˜๋ฉด ํ•จ๊ป˜ ์‚ฌ๋ผ์ง 2..

full stack/HTML, CSS 2023. 4. 25. 20:13
JavaScript ๊ฐœ์š” & ์ž…์ถœ๋ ฅ (2023.04.24)

๐ŸŽˆ JavaScript๋ž€? ์›น ํŽ˜์ด์ง€๋ฅผ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ ์œผ๋กœ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•ด์„œ ๊ฐœ๋ฐœ๋œ ์–ธ์–ด ๊ฐ์ฒด(object) ๊ธฐ๋ฐ˜์˜ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด HTML๋กœ๋Š” ์›น์˜ ๋‚ด์šฉ์„ ์ž‘์„ฑํ•˜๊ณ , CSS๋กœ๋Š” ์›น์„ ๋””์ž์ธํ•˜๋ฉฐ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ๋Š” ์›น์˜ ๋™์ž‘์„ ๊ตฌํ˜„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” ์ฃผ๋กœ ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ ์‚ฌ์šฉ๋˜๋‚˜, Node.js์™€ ๊ฐ™์€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์„œ๋ฒ„์ธก ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ ๐ŸŽˆ ECMAScript (ES1, 2,... ) ํ‘œ์ค€ํ™”๋œ ์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ‘œ์ค€ํ™”ํ•˜๊ธฐ ์œ„ํ•ด ๋งŒ๋“ค์–ด์ง ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋™์ž‘ํ•˜๋Š” ์–ธ์–ด๋ฅผ ๋งŒ๋“ค ๋•Œ ๋ฌธ๋ฒ•์ ์ธ ์‚ฌํ•ญ๋“ค์„ ์ •๋ฆฌํ•œ ๋ฌธ์„œ ๐ŸŽˆ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž‘์„ฑ ๋ฐฉ์‹ ์›น ๋ธŒ๋ผ์šฐ์ €์—๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์†Œ์Šค๋ฅผ ์ฝ๊ณ  ์ฒ˜๋ฆฌํ•˜๋Š” ํ•ด์„๊ธฐ(JavaScript Interpreter)๊ฐ€ ์žˆ์Œ. ๋”ฐ๋ผ์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์†Œ์Šค๋Š” ์›น ๋ฌธ์„œ..

full stack/JavaScript 2023. 4. 24. 19:50
[์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜] ์ •๋ ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜, ํƒ์ƒ‰ ์•Œ๊ณ ๋ฆฌ์ฆ˜ (2023.04.04)

๐ŸŽˆ ์ •๋ ฌ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์›์†Œ๋“ค์„ ์ผ์ •ํ•œ ์ˆœ์„œ๋Œ€๋กœ ์—ด๊ฑฐํ•˜๋Š” ์•Œ๊ณ ๋ฆฌ์ฆ˜ ๐Ÿ“– ์‚ฝ์ž…์ •๋ ฌ ํŠน์ •ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์ ์ ˆํ•œ ์œ„์น˜์— ์‚ฝ์ž…ํ•˜๋Š” ์ •๋ ฌ ๋ฐ์ดํ„ฐ๊ฐ€ ๊ฑฐ์˜ ์ •๋ ฌ ๋˜์–ด ์žˆ์„ ๋•Œ ํšจ์œจ์  ๐Ÿ“– ๋ณ‘ํ•ฉ์ •๋ ฌ ์ฃผ์–ด์ง„ ์ž๋ฃŒ๋ฅผ ์ž˜๊ฒŒ ์ชผ๊ฐ  ๋’ค ํ•ฉ์น˜๋Š” ๊ณผ์ •์—์„œ ์ •๋ ฌ ๐Ÿ“– ํ€ต์ •๋ ฌ ๊ธฐ์ค€ ํ‚ค(pivot)๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ž‘๊ฑฐ๋‚˜ ๊ฐ™์€๊ฐ’์„ ์ง€๋‹Œ ๋ฐ์ดํ„ฐ๋Š” ์•ž์œผ๋กœ, ํฐ ๊ฐ’์„ ์ง€๋‹Œ ๋ฐ์ดํ„ฐ๋Š” ๋’ค๋กœ ๊ฐ€๋„๋ก ํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถ„๋ฆฌํ•ด๊ฐ€๋ฉฐ ์ •๋ ฌ ์™ผ์ชฝ์—์„œ ์‹œ์ž‘ํ•œ ํ‚ค๋Š” ๊ธฐ์ค€ํ‚ค๋ณด๋‹ค ํฌ๋ฉด, ์˜ค๋ฅธ์ชฝ์—์„œ ์‹œ์ž‘ํ•œ ํ‚ค๋Š” ๊ธฐ์ค€ํ‚ค๋ณด๋‹ค ์ž‘์œผ๋ฉด ๋ฉˆ์ถค ๋‘ ๊ฐœ์˜ ์ž๋ฆฌ๋ฅผ ๋ฐ”๊ฟˆ ๋‘ ๊ฐœ์˜ ์ปค์„œ๊ฐ€ ๋งŒ๋‚˜๋ฉด ์™ผ์ชฝ์œผ๋กœ๋Š” ๊ธฐ์ค€ํ‚ค๋ณด๋‹ค ์ž‘์€ ๊ฐ’๋งŒ, ์˜ค๋ฅธ์ชฝ์—๋Š” ๊ธฐ์ค€ํ‚ค๋ณด๋‹ค ํฐ ๊ฐ’๋งŒ ๋‚จ์Œ ๐Ÿ“– ๋ฒ„๋ธ”์ •๋ ฌ ๋‘ ์ธ์ ‘ํ•œ ์›์†Œ๋ฅผ ๋น„๊ตํ•˜์—ฌ ์ •๋ ฌํ•˜๋Š” ๋ฐฉ๋ฒ• ํ•œ ํ„ด๋งŒ ๋๋‚˜๋„ ๊ฐ€์žฅ ํฐ ์ˆซ์ž๊ฐ€ ์ œ์ผ ๋’ค์— ์žˆ์Œ ์‹œ์ž‘์€ ์ธ๋ฑ์Šค 0, 1๋ถ€ํ„ฐ > 1, 2 ..

full stack/JAVA 2023. 4. 23. 18:25
[JAVA MINI PROJECT] ๊ฐœ๋ฐœ์ž ํ‚ค์šฐ๊ธฐ ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ (2023.04.17~2023.04.23)

๐ŸŽˆ ํ”„๋กœ์ ํŠธ ์ฃผ์ œ java์™€ sql์„ ์ด์šฉํ•˜์—ฌ cmd ์ฝ˜์†”์ฐฝ์—์„œ ํ”Œ๋ ˆ์ด ๊ฐ€๋Šฅํ•œ ๊ฐ„๋‹จํ•œ ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ MVC ํŒจํ„ด์„ ์ค‘์‹ฌ์œผ๋กœ ๊ฒŒ์ž„ ๊ตฌํ˜„ ๋‹ค๋งˆ๊ณ ์น˜ ๊ฒŒ์ž„์„ ๊ธฐ๋ณธ์œผ๋กœ ํ•˜์—ฌ ์•„์ด๋””์–ด๋ฅผ ๋„์ถœํ•˜์—ฌ ์ƒˆ๋กœ์šด ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ ๐ŸŽˆ ํ”„๋กœ์ ํŠธ ์ผ์ • : 2023.04.17(์›”) ~ 2023.04.22(๊ธˆ) ๋‚ ์งœ ์ง„ํ–‰ ๋‚ด์šฉ 2023.04.17(์›”) ์•„์ด๋””์–ด ํšŒ์˜, ์œ ์Šค์ผ€์ด์Šค ์ž‘์„ฑ 2023.04.18(ํ™”) ์š”๊ตฌ์‚ฌํ•ญ ๋ช…์„ธ์„œ ์ž‘์„ฑ, ํ…Œ์ด๋ธ” ๋ช…์„ธ์„œ ์ž‘์„ฑ MVC ๋ชจ๋“ˆํ™” ๊ตฌ์„ฑ ํšŒ์›๊ฐ€์ž… ๋ฐ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„ 2023.04.19(์ˆ˜) ๊ธฐํƒ€ ๊ฒŒ์ž„ ํ”Œ๋ ˆ์ด ๊ด€๋ จ ๋ชจ๋“  ๊ธฐ๋Šฅ ๊ตฌํ˜„ (java, oracle) 2023.04.20(๋ชฉ) bgm ์‚ฝ์ž… ์˜ค๋ฅ˜ ์ˆ˜์ • ๋ฐ ๋ณด์™„ ๋ฐœํ‘œ์ž๋ฃŒ ์ž‘์„ฑ 2023.04.21(๊ธˆ) ๋ฐœํ‘œ ๐ŸŽˆ ๊ฒŒ์ž„ ์†Œ๊ฐœ • ํšŒ์›๊ฐ€์ž… ํ›„ ์ฒซ ๋กœ๊ทธ์ธ์‹œ 3๊ฐœ์˜ ..

project 2023. 4. 23. 13:09
WEB & HTML ์ •์˜์™€ ์—ญ์‚ฌ / HTML ํƒœ๊ทธ (2023.04.21)

๐ŸŽˆ์ธํ„ฐ๋„ท(Internet) ์—ฌ๋Ÿฌ ํ†ต์‹ ๋ง์„ ํ•˜๋‚˜๋กœ ์—ฐ๊ฒฐํ•œ๋‹ค๋Š” ์˜๋ฏธ์ธ '์ธํ„ฐ ๋„คํŠธ์›Œํฌ(inter-network)'์˜ ๋ง์—์„œ ์‹œ์ž‘ ์ „ ์„ธ๊ณ„ ์ปดํ“จํ„ฐ๋ฅผ ํ•˜๋‚˜๋กœ ์—ฐ๊ฒฐํ•˜๋Š” ๊ฑฐ๋Œ€ํ•œ ์ปดํ“จํ„ฐ ํ†ต์‹ ๋ง https://www.huffingtonpost.kr/news/articleView.html?idxno=29681 ํ•ด์ €์ผ€์ด๋ธ”๊ณผ ์ธํ„ฐ๋„ท ์Šค๋งˆํŠธํฐ ์„ธ์ƒ์—์„œ ๋ชจ๋“  ์ •๋ณด๊ฐ€ ๋ฌด์„ ์œผ๋กœ ์˜ค๊ฐ€๋Š” ๊ฑธ๋กœ ๋ณด์ด์ง€๋งŒ, ์‹ค์ œ๋ก  ๊ด‘์ผ€์ด๋ธ”์ด ๋‹ด๋‹นํ•œ๋‹ค. ๊ตญ๋‚ด์—์„œ ์ธํ„ฐ๋„ท์€ ์—ฐ๊ตฌ๋ง์ธ ํ•˜๋‚˜๋ง์ด ์œ„์„ฑํ†ต์‹ ์œผ๋กœ ํ•˜์™€์ด๋Œ€ํ•™์— ์—ฐ๊ฒฐ๋œ ๊ฒŒ ์‹œ์ž‘์ด์ง€๋งŒ, 1991๋…„ www.huffingtonpost.kr ์ธํ„ฐ๋„ท์€ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„๋กœ ๊ตฌ์„ฑ๋˜๋ฉฐ, TCP/IP๋ผ๋Š” ๊ธฐ๋ณธ ํ”„๋กœํ† ์ฝœ์„ ํ†ตํ•ด ์ œ๊ณต๋จ ๐ŸŽˆ์›น(WEB) ์›”๋“œ ์™€์ด๋“œ ์›น(World Wide Web) = WWW = W3 = ์›น(W..

full stack/HTML, CSS 2023. 4. 23. 11:25