profile
์žฌ๋ฏธ์žˆ๋Š” ์•„์ด๋””์–ด ๋– ์˜ฌ๋ฆฌ๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜๊ณ , ์ด๋ฅผ ๊ตฌํ˜„ํ•˜์—ฌ ์„ธ์ƒ์— ์ฆ๊ฑฐ์›€์„ ์„ ๋ฌผํ•˜๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ์ž…๋‹ˆ๋‹ค.
post-thumbnail

[Do it!] ์ฑ…์„ ๋งˆ๋ฌด๋ฆฌ ํ•˜๋ฉฐ

๐ŸŽ‰์ฑ…์„ ๋งˆ๋ฌด๋ฆฌ ํ•œ ์†Œ๊ฐ๐ŸŽ‰ java ์–ธ์–ด๋Š” ๋ฐฐ์šด ์ƒํƒœ๋ผ ๊ทธ๋Ÿฐ์ง€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒŒํŠธ๋Š” ์ƒ๊ฐ๋ณด๋‹ค ๋นจ๋ฆฌ ์ฝ์€ ๊ฒƒ ๊ฐ™๋‹ค. html์ด๋‚˜ css๋„ ๋ฐฐ์šด ์ƒํƒœ๋ผ ์ œ์ด์ฟผ๋ฆฌ์˜ ์„ ํƒ์ž ๋ถ€๋ถ„์€ ์–ด๋Š์ •๋„ ๋น ๋ฅด๊ฒŒ ์ฝ์„ ์ˆ˜ ์žˆ์—ˆ์ง€๋งŒ, ์˜ˆ์ƒ๋ณด๋‹ค ์–‘์ด ๋งŽ์•„์„œ ๋ชฉํ‘œํ–ˆ๋˜ ๋‚ ์งœ๋ณด๋‹ค ์กฐ๊ธˆ ๋Šฆ๊ฒŒ ๋๋‚ธ๊ฒƒ ๊ฐ™์•„์„œ ์กฐ๊ธˆ ์•„์‰ฌ์›€๋„ ๋‚จ๋Š”๋‹ค๐Ÿคฃ ์„ ๋ฐฐ๋“คํ•œํ…Œ ๋“ฃ๊ธฐ๋กœ๋Š” ์ œ์ด์ฟผ๋ฆฌ ์„ฑ๋Šฅ ๋ฌธ์ œ๋„ ๋งŽ์•„์„œ ์š”์ฆ˜ ์ž˜ ์•ˆ์“ด๋‹ค๊ณ  ๋“ค์—ˆ๋‹ค. ์•ž์œผ๋กœ๋Š” ๋– ์˜ค๋ฅด๋Š” js๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ๊ณต๋ถ€ํ•ด์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค. ์ฑ…์„ ์ฝ์œผ๋ฉด์„œ ํ™•์‹คํžˆ ๋Š๋‚€๊ฒƒ์€ ์†์œผ๋กœ ์˜ˆ์ œ๋ฅผ ์ง์ ‘ ํƒ€์ดํ•‘ ํ•ด๋ด์•ผ ๊ธฐ์ˆ ์„ ์ฒดํ™”ํ•˜๋Š” ์–‘์ด ์กฐ๊ธˆ์”ฉ ๋Š๋Š”๊ฒƒ ๊ฐ™๋‹ค. ๋‹จ์ˆœํžˆ ์ด๋Ÿฐ๊ฒŒ ์žˆ๊ตฌ๋‚˜ ํ•˜๊ณ  ๋„˜์–ด๊ฐ€๊ธฐ ๋ณด๋‹ค ์‹ค๋ฌด์™€ ๋น„์Šทํ•œ ์˜ˆ์ œ๋“ค์„ ๋งŽ์ด ๋‹ค๋ค„๋ด์•ผ๊ฒ ๋‹ค. ์‹ค๋ฌด์—์„œ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋‹ค๋ฃจ๋Š” ๋˜ ๋‹ค๋ฅธ ์ฑ…์„ ์ฝ์–ด๋ด์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค! ์ฑ… ์ฝ๋Š” ์†๋„๊ฐ€ ์กฐ๊ธˆ ๋Š๋ ค์กŒ๋‹ค๊ณ  ์Šค์Šค๋กœ ๋Š๋‚„๋•Œ, ์ฒ˜์งˆ ๋•Œ๋„ ์žˆ์—ˆ์ง€๋งŒ ์ด๋ ‡๊ฒŒ ํ•œ ๊ถŒ์„ ๋งˆ๋ฌด๋ฆฌ ํ•˜๋‹ˆ๊นŒ ๊ทธ๋ž˜๋„ ์„ฑ์ทจ๊ฐ์ด ์กฐ๊ธˆ ๋Š๊ปด์ง„๋‹ค! ๋‹ค์Œ ์ฑ…์œผ๋กœ๋Š” ๋ฆฌ์•กํŠธ ์ฑ…์„ ๊ณ„ํšํ•˜๊ณ  ์žˆ๋Š”๋ฐ ๋ฆฌ์•กํŠธ ๋ถ„์•ผ๋„ ๋ˆ๊ธฐ

2021๋…„ 1์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Do it!] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

๐Ÿ”Ž๋‚ด๋ถ€ ์Šคํฌ๋ฆฝํŠธ ์™ธ๋ถ€๋กœ ๋ถ„๋ฆฌ HTML๋‚ด๋ถ€์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ž‘์„ฑํ•˜๊ธฐ ๋ณด๋‹ค ํŒŒ์ผ์„ ๋”ฐ๋กœ ๋งŒ๋“ค์–ด์„œ ์™ธ๋ถ€๋กœ ๋ถ„๋ฆฌํ•˜๋Š”๊ฒƒ์ด ์ข‹๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํ•˜๋ฉด ์†Œ์Šค ์ฐพ๊ธฐ๋„ ์‰ฝ๊ณ  ๋ˆ„๊ตฐ๊ฐ€ ์†Œ์Šค๋ฅผ ์†์ƒ์‹œํ‚ฌ ๊ฑฑ์ •์„ ํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค. ์ฆ‰, ์™ธ๋ถ€๋กœ ๋ถ„๋ฆฌํ•˜๋Š” ์ฃผ ๋ชฉ์ ์€ ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ๋ฅผ ์›ํ™œํ•˜๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•จ์ด๋‹ค. ์œ„ ์ฝ”๋“œ๋ฅผ html headํƒœ๊ทธ์— ์‚ฝ์ž…ํ•ด์ค€๋‹ค. 1. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด ์ข…๋ฅ˜ (1) ๋‚ด์žฅ ๊ฐ์ฒด(Built-in Object) ex) String, Date, Array, Math, ์ •๊ทœ ํ‘œํ˜„ ๊ฐ์ฒด ๋“ฑ (2) ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM) ex) window, screen, location, history, navigator ๊ฐ์ฒด ๋“ฑ ** ๋ธŒ๋ผ์šฐ์ €(window)๊ฐ์ฒด๋Š” document์™€ location์˜ ์ƒ์œ„ ๊ฐ์ฒด์ด๋‹ค. (์•„๋ž˜ ์‚ฌ์ง„ ์ฐธ๊ณ ) ![](https://images.velog.io/images/jooyeon/post/b9c2c4a0-079e-4bc

2020๋…„ 12์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

[Do it!] ์ฑ…์„ ์ฝ๊ฒŒ ๋œ ๊ณ„๊ธฐ

1์›” 4์ผ๋ถ€ํ„ฐ silicon valley ์˜จ๋ผ์ธ ์ธํ„ด์‹ญ์ด ๋ณธ๊ฒฉ์ ์œผ๋กœ ์‹œ์ž‘ํ•œ๋‹ค. ๋ฉ˜ํ† ๋‹˜๊ป˜์„œ ํ”„๋กœ๊ทธ๋žจ์ด ์‹œ์ž‘๋˜๊ธฐ ์ „์— ์‚ฌ์ „์— ์•Œ์•„๋‘๋ฉด ์ข‹์„ ๊ธฐ์ˆ  ์Šคํƒ๋“ค์„ ์•„๋ž˜์™€ ๊ฐ™์ด ์•Œ๋ ค์ฃผ์…จ๋‹ค. ๋‚˜๋Š” ์˜ฌํ•ด ๋ฉ‹์Ÿ์ด์‚ฌ์ž์ฒ˜๋Ÿผ 8๊ธฐ๋กœ ํ™œ๋™ํ•˜๋ฉด์„œ Django๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์›น ๊ฐœ๋ฐœ์„ ๋ฐฐ์› ๊ธฐ ๋•Œ๋ฌธ์— HTML/CSS๋Š” ์กฐ๊ธˆ ์•Œ๊ณ  ์žˆ์–ด์„œ JavaSctipt๋ฅผ ๋จผ์ € ๊ณต๋ถ€ํ•˜๊ธฐ๋กœ ์ •ํ–ˆ๋‹ค. ๋ฉ˜ํ† ๋‹˜๊ป˜์„œ ๋™์˜์ƒ๊ฐ•์˜๋ณด๋‹ค๋Š” ์ฑ…์œผ๋กœ ๋น ๋ฅด๊ฒŒ ๋ณด๋Š”๊ฒƒ์„ ์ถ”์ฒœํ•ด์ฃผ์…”์„œ ๋„์„œ๊ด€์—์„œ Do it! ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ + ์ œ์ด์ฟผ๋ฆฌ ์ž…๋ฌธ ์ฑ…์„ ๋นŒ๋ ธ๋‹ค. ์ฑ…์„ ์ฝ์œผ๋ฉด์„œ ๊ธฐ๋กํ•ด๋‘๋ฉด ์ข‹์€ ๋‚ด์šฉ์„ ๊ธ€๋กœ ๋‚จ๊ธธ ๊ณ„ํš์ด๋‹ค.

2020๋…„ 12์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท