์ „์ฒด ๊ธ€ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ
350 ๊ฐœ์˜ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

CSS3 ๊ธฐ์ดˆ(์„ ํƒ์ž์™€ ๋‹จ์œ„)

CSS ์„ ํƒ์ž - CSS3์—์„œ ํŠน์ • HTML ํƒœ๊ทธ๋ฅผ ์„ ํƒํ•  ๋•Œ ์‚ฌ์šฉ CSS์˜ ๊ธฐ์ดˆ ์›น ๋ฌธ์„œ์˜ ๋‚ด์šฉ์— ๋””์ž์ธ์„ ์ ์šฉํ•ฉ๋‹ˆ๋‹ค. ์›น ํ‘œ์ค€์— ์˜ํ•œ ์›น ๋ฌธ์„œ๋Š” ๋””์ž์ธ๊ณผ ๋‚ด์šฉ์ด ํ•จ๊นจ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค. ๋‚ด์šฉ์€ HTML์„ ์ด์šฉํ•ด์„œ ๊ตฌ์„ฑํ•˜๊ณ , ๋””์ž์ธ์€ CSS๋ฅผ ์ด์šฉํ•ด์„œ ๊พธ๋ฐ‰๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ CSS ์ ์šฉ ๋‚ด๋ถ€ ์„ธ๊ณ„ 3๋Œ€ ๋ฏธํ•ญ ์‹œ๋“œ๋‹ˆ(Sydney), ํ˜ธ์ฃผ ๋ฆฌ์šฐ๋ฐ์ž๋„ค์ด๋ฃจ(Rio de Janeiro), ๋ธŒ๋ผ์งˆ ๋‚˜ํด๋ฆฌ(Naples), ์ดํƒˆ๋ฆฌ์•„ ์ด๋ฏธ์ง€ CSS ์ ์šฉ ์™ธ๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ @charset "UTF-8"; ul { color: red; /* ๋ชฉ๋ก์˜ ๊ธ€์ž์ƒ‰์„ ํŒŒ๋ž€์ƒ‰ */ list-style: none; /* ๋ธ”๋ฆฟ์˜ ํ˜•ํƒœ๋ฅผ ์—†์• ๋Š” ๊ฒƒ */ list-style: square; /* ๋ธ”๋ฆฟ์˜ ํ˜•ํƒœ๋ฅผ ์‚ฌ๊ฐํ˜•์œผ๋กœ ํ•จ */ /* padding: 0..

HTML | ์ž…๋ ฅ ํ˜•์‹ ํƒœ๊ทธ์™€ ๋ฌธ์„œ ๊ตฌ์กฐํ™” | ๊ณต๊ฐ„ ๋ถ„ํ• 

form ํƒœ๊ทธ ์‚ฌ์šฉ์ž ์ •๋ณด๋ฅผ ์ž…๋ ฅ๋ฐ›๋Š” ์š”์†Œ ๋ฐ์ดํ„ฐ ์ „๋‹ฌ ๋ฐฉ์‹ GET ๋ฐฉ์‹ - ์ฃผ์†Œ ๋ฐ์ดํ„ฐ๋ฅผ ์ž…๋ ฅํ•ด์„œ ์ „๋‹ฌ POST ๋ฐฉ์‹ - ์ฃผ์†Œ ๋ณ€๊ฒฝ ์—†์ด ๋น„๋ฐ€์Šค๋Ÿฝ๊ฒŒ ๋ฐ์ดํ„ฐ ์ „๋‹ฌ ์•„์ด๋”” : ๋น„๋ฐ€๋ฒˆํ˜ธ : ์„ฑ๋ณ„ ๋‚จ ์—ฌ ์ทจ๋ฏธ ๋…์„œ ์šด๋™ ์ฝ”๋”ฉ select ํƒœ๊ทธ 1. ํ•œ ํ•ญ๋ชฉ๋งŒ ์„ ํƒํ•˜๊ธฐ : ํƒœ๊ทธ ์‚ฌ์šฉ ๋ชฉ๋ก์œผ๋กœ ๋ณด์—ฌ์ฃผ๋Š” ํ•ญ๋ชฉ์ค‘ ํ•˜๋‚˜ ๋˜๋Š” ์—ฌ๋Ÿฌ๊ฐœ๋ฅผ ์„ ํƒํ•  ๋•Œ ์‚ฌ์šฉ 2. ์—ฌ๋Ÿฌ ํ•ญ๋ชฉ ์„ ํƒ : mutiple 3. ์„ ํƒ ์˜ต์…˜ ๋ฌถ๊ธฐ : ํƒœ๊ทธ ์‚ฌ์šฉ ์ด๋ฆ„ ์„ฑ๋ณ„ ๋‚จ์ž ์—ฌ์ž label ํƒœ๊ทธ์˜ for ์†์„ฑ์˜ ์˜๋ฏธ ์„ ํƒํƒœ๊ทธ ์•ผ์ฑ„๊น€๋ฐฅ ์ฐธ์น˜๊น€๋ฐฅ ์†Œ๊ณ ๊ธฐ๊น€๋ฐฅ ๋ˆ„๋“œ๊น€๋ฐฅ ๊ณ„๋ž€๋ง์ด๊น€๋ฐฅ ์•ผ์ฑ„๊น€๋ฐฅ ์ฐธ์น˜๊น€๋ฐฅ ์†Œ๊ณ ๊ธฐ๊น€๋ฐฅ ๋ˆ„๋“œ๊น€๋ฐฅ ๊ณ„๋ž€๋ง์ด๊น€๋ฐฅ ๊ณต๊ฐ„ ๋ถ„ํ•  ํƒœ๊ทธ - CSS๋กœ ์›ํ•˜๋Š” ๋ ˆ์ด์•„์›ƒ์„ ๊ตฌ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๊ณต๊ฐ„ ๋ถ„ํ•  divํƒœ๊ทธ ๋ธ”๋กํ˜•์‹์œผ๋กœ ๊ณต๊ฐ„ ๋ถ„ํ•  spanํƒœ๊ทธ ์ธ๋ผ์ธ ํ˜•์‹์œผ..

R | RLab_Chap13(๋„ค์ด๋ฒ„์˜คํ”ˆAPIํ™œ์šฉ) | 2020-12-09 | RLab01 ~ RLab02

https://developers.naver.com/main/ NAVER Developers ๋„ค์ด๋ฒ„ ์˜คํ”ˆ API๋“ค์„ ํ™œ์šฉํ•ด ๊ฐœ๋ฐœ์ž๋“ค์ด ๋‹ค์–‘ํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋„๋ก API ๊ฐ€์ด๋“œ์™€ SDK๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ œ๊ณต์ค‘์ธ ์˜คํ”ˆ API์—๋Š” ๋„ค์ด๋ฒ„ ๋กœ๊ทธ์ธ, ๊ฒ€์ƒ‰, ๋‹จ์ถ•URL, ์บก์ฐจ๋ฅผ ๋น„๋กฏ ๊ธฐ๊ณ„๋ฒˆ์—ญ, ์Œ developers.naver.com Application ๋ฉ”๋‰ด => ๋“ฑ๋ก ๋„ค์ด๋ฒ„ ์˜คํ”ˆ APIํ‚ค ๋ฐœ๊ธ‰ ๋ฐ›๊ธฐ Documents ๋ฉ”๋‰ด => ๋„ค์ด๋ฒ„ ์˜คํ”ˆ API ์ข…๋ฅ˜ R ๋ฒ„์ „ 3.6.3 RLab01 # ๋„ค์ด๋ฒ„ ์˜คํ”ˆ API # ๋„ค์ด๋ฒ„์—๋Š” ๋‰ด์Šค,์‡ผํ•‘,๋ธ”๋กœ๊ทธ,์นดํŽ˜,์ง€์‹in,์ „๋ฌธ์ž๋ฃŒ,์˜ํ™”,์ฑ… ๋“ฑ ๋‹ค์–‘ํ•œ ์ •๋ณด ์ œ๊ณตํ•˜๋Š” ๋ฉ”๋‰ด๋“ค์ด ์žˆ์Œ. # ์ด๋Ÿฐ ์ •๋ณด๋“ค์„ ์‰ฝ๊ฒŒ ๋ฐ›์•„๋ณผ์ˆ˜ ์žˆ๋„๋ก ์˜คํ”ˆAPI๋ฅผ ์ œ๊ณตํ•จ. # API์ด์šฉ์‹ ์ฒญ => API์ด..

HTML ํ…Œ๊ทธ ์ž‘์„ฑ | JS | ๋ชฉ๋ก | ํ…Œ์ด๋ธ” | ๋ฏธ๋””์–ด

๋‚ด๋ถ€ ์Šคํฌ๋ฆฝํŠธ ์ž‘์„ฑ ๋ฐฉ์‹ ์•ˆ๋…•ํ•˜์„ธ์š”. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ค์ŠตํŒŒ์ผ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋žจ ํ”„๋กœ๊ทธ๋žจ ํ”„๋กœ๊ทธ๋žจ ์™ธ๋ถ€ ์Šคํฌ๋ฆฝํŠธ ๋ฐฉ์‹ ์•ˆ๋…•ํ•˜์„ธ์š”. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ค์ŠตํŒŒ์ผ์ž…๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋žจ ํ”„๋กœ๊ทธ๋žจ ํ”„๋กœ๊ทธ๋žจ /** * */ alert("์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹ค์Šต!!!"); confirm("ํ™•์ธํ•˜์…จ์Šต๋‹ˆ๊นŒ????"); ์•ต์ปคํ…Œ๊ทธ a ํ…Œ๊ทธ href ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฉ”๋‰ด ๋ชฉ๋กํ…Œ๊ทธ ์‚ฌ์šฉ Unordered List ๋ช…์‚ฌ ํ˜•์šฉ์‚ฌ ๋™์‚ฌ ๋ถ€์‚ฌ ๊ด€์šฉ์‚ฌ Ordered List ๋ช…์‚ฌ ํ˜•์šฉ์‚ฌ ๋™์‚ฌ ๋ถ€์‚ฌ ๊ด€์šฉ์‚ฌ Ordered List ๋ช…์‚ฌ ํ˜•์šฉ์‚ฌ ๋™์‚ฌ ๋ถ€์‚ฌ ๊ด€์šฉ์‚ฌ Ordered List ๋ช…์‚ฌ ํ˜•์šฉ์‚ฌ ๋™์‚ฌ ๋ถ€์‚ฌ ๊ด€์šฉ์‚ฌ Ordered List ๋ช…์‚ฌ ํ˜•์šฉ์‚ฌ ๋™์‚ฌ ๋ถ€์‚ฌ ๊ด€์šฉ์‚ฌ ์ค‘์ฒฉ๋ชฉ๋ก ๋ฐฉ์†ก๊ตญ MBC KBS ๊ตฌ๋ฏธ์ธํ„ฐ๋„ท๋ฐฉ์†ก๊ตญ ๊ฒฝ๋ถ์ธํ„ฐ๋„ท๋‰ด์Šค ๊ฒฝ๋ถ์ผ€์ด๋ถˆ ํ˜„๋Œ€HCN๊ฒฝ๋ถ๋ฐฉ์†ก ์ƒํ‘œ ์•„๋””๋‹ค์Šค..

HTML5์˜ ๊ธฐ๋ณธ | ์Šคํƒ€์ผ ์‹œํŠธ

ํ…Œ๊ทธ์™€ ์š”์†Œ ์š”์†Œ - HTML ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์„ฑํ•˜๋Š” ๊ฐ ๋ถ€ํ’ˆ(์ œ๋ชฉ, ๋ณธ๋ฌธ, ์ด๋ฏธ์ง€ ๋“ฑ) ํ…Œ๊ทธ - ์š”์†Œ๋ฅผ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์ž‘์„ฑ ๋ฐฉ๋ฒ• ํ…Œ๊ทธ์•ˆ์— ์š”์†Œ๊ฐ€ ๋“ค์–ด๊ฐ. ์†์„ฑ ์†์„ฑ - ํ…Œ๊ทธ์— ์ถ”๊ฐ€ ์ •๋ณด๋ฅผ ๋ถ€์—ฌํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ ์ฃผ์„ ๊ธฐ๋ณธ๊ฐ’ ๋ณ€๊ฒฝํ•˜๊ธฐ ๋“ค์—ฌ์“ฐ๊ธฐ htmlreference.io/ ์Šคํƒ€์ผ์‹œํŠธ ์ž‘์„ฑ๊ณผ ์‹คํ–‰ ๋‚ด๋ถ€์Šคํƒ€์ผ -HTML ํŽ˜์ด์ง€ ๋‚ด๋ถ€์—์„œ style ํ…Œ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด ์Šคํƒ€์ผ ์‹œํŠธ๋ฅผ ์ง์ ‘ ์ž…๋ ฅ -์Šคํƒ€์ผ ์‹œํŠธ๊ฐ€ ์งง์€ ๊ฒฝ์šฐ ์™ธ๋ถ€์Šคํƒ€์ผ -์Šคํƒ€์ผ ์‹œํŠธ๋ฅผ ๋ณ„๋„๋กœ ์ƒ์„ฑํ•˜๊ณ  link ํ…Œ๊ทธ์™€ herf ์†์„ฑ์„ ์‚ฌ์šฉํ•ด ๋ถˆ๋Ÿฌ์˜ด -ํ˜‘์—… ์—…๋ฌด๋‚˜ ํ”„๋กœ์ ํŠธ์˜ ๊ทœ๋ชจ๊ฐ€ ํด ๊ฒฝ์šฐ ์‚ฌ์šฉ ๋‚ด๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ ์ž‘์„ฑํ•˜๊ธฐ ๋‚ด๋ถ€ ์Šคํƒ€์ผ ์‹œํŠธ ํ…Œ๊ทธ ์œ„์น˜ head์•ˆ์ด๋‚˜ body ๋์—์„œ ์‚ฌ์šฉํ•˜๋Š”๊ฒƒ์ด ์ผ๋ฐ˜์ ์ธ ๊ด€๋ก€ ์•ˆ๋…•ํ•˜์„ธ์š”. ์•ˆ๋…•ํ•˜์„ธ์š”. ์•ˆ๋…•ํ•˜์„ธ์š”. ์•ˆ๋…•ํ•˜์„ธ์š”. ์•ˆ..

JSP | HTML5 | ์„ค์น˜ ์ค€๋น„

์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ ์„œ๋ฒ„ ํ”„๋กœ๊ทธ๋žจ(๋ฐฑ์—”๋“œ ํ”„๋กœ๊ทธ๋žจ) ์ž๋ฐ”, c#, ๋ฃจ๋น„, ํŒŒ์ด์ฌ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ์›น ํ”„๋ ˆ์ž„์›Œํฌ - MVC ํ”„๋ ˆ์ž„์›Œํฌ - ๋น„๋™๊ธฐ ํ”„๋ ˆ์ž„์›Œํฌ ํด๋ผ์ด์–ธํŠธ ํ”„๋กœ๊ทธ๋žจ(ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ๊ทธ๋žจ) HTML, CSS, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ CSS - HTML ํŽ˜์ด์ง€์— ์Šคํƒ€์ผ์„ ์ง€์ •ํ•˜๋Š” ์Šคํƒ€์ผ์‹œํŠธ๋ฅผ ์ž‘์„ฑํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ์–ธ์–ด - ํ˜„๋Œ€ ์›น ํŽ˜์ด์ง€์—์„œ ๋งค์šฐ ์ค‘์š”ํ•œ ์—ญํ•  ์ˆ˜ํ–‰ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - HTML ํŽ˜์ด์ง€์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ˜์‘ ๋“ฑ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ์–ธ์–ด ์ดํด๋ฆฝ์Šค javae ์‚ฌ์šฉ eclipse-jee-2020-09-R-win32-x86_64 UTF - 8 ์„ค์ • ํ†ฐ์ผ“ ์„ค์น˜ jre๋ฒ„์ „ C:\Program Files\Java\jre1.8.0_261 ์„œ๋ฒ„ ์—ฐ๋™ dynamic web project -> web contents..

R | RLab_Chap12(๊ณต๊ณต๋ฐ์ดํ„ฐ ํ™œ์šฉ) | 2020-12-07 | RLab01 | Web storm

www.data.go.kr/index.do ๊ณต๊ณต๋ฐ์ดํ„ฐ ํฌํ„ธ ๊ตญ๊ฐ€์—์„œ ๋ณด์œ ํ•˜๊ณ  ์žˆ๋Š” ๋‹ค์–‘ํ•œ ๋ฐ์ดํ„ฐ๋ฅผใ€Ž๊ณต๊ณต๋ฐ์ดํ„ฐ์˜ ์ œ๊ณต ๋ฐ ์ด์šฉ ํ™œ์„ฑํ™”์— ๊ด€ํ•œ ๋ฒ•๋ฅ (์ œ11956ํ˜ธ)ใ€์— ๋”ฐ๋ผ ๊ฐœ๋ฐฉํ•˜์—ฌ ๊ตญ๋ฏผ๋“ค์ด ๋ณด๋‹ค ์‰ฝ๊ณ  ์šฉ์ดํ•˜๊ฒŒ ๊ณต์œ •ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ณต๊ณต๋ฐ์ดํ„ฐ(Datase www.data.go.kr ๋ฐ์ดํ„ฐ ์š”์ฒญ XML๋ฌธ์„œ๋ฅผ ๋ฐ์ดํ„ฐํ”„๋ ˆ์ž„์œผ๋กœ ๋ณ€ํ™˜ # ๊ณต๊ณต๋ฐ์ดํ„ฐ ํฌํ„ธ (www.data.go.kr) # ์˜คํ”ˆ API : ๋‚ ์”จ, ๊ตํ†ต์ •๋ณด ๋“ฑ ์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ์ œ๊ณต๋ฐ›๊ธฐ ์œ„ํ•ด์„œ ํ˜ธ์ถœํ•˜๋Š” API. # ํ™œ์šฉ๊ธฐ๊ด€ ์ œ๊ณต๊ธฐ๊ด€ # : ๊ฐœ์ธ(๊ฐœ๋ฐœ์ž), APIํ‚ค ์‹ ์ฒญ APIํ‚ค ์‹ ์ฒญ # ๋ฏผ๊ฐ„๊ธฐ๊ด€, =============>data.go.kr ==============> ์˜คํ”ˆAPI๋“ฑ๋ก # ๊ณต๊ณต๊ธฐ๊ด€,