๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

studies112

[CSS] position : relative, absolute +์ค‘์•™์ •๋ ฌํ•˜๊ธฐ My First JavaScript Animation  My First JavaScript Animation ์ถœ์ฒ˜: https://www.w3schools.com/์ถ”๊ฐ€๋กœ ์ฐธ๊ณ ํ•˜๋ฉด ์ข‹์€ ๊ธ€: https://rgy0409.tistory.com/2951 โ€ป ์ฃผ์˜ํ•  ์ . absolute ์†์„ฑ์€ inline์ด ์•„๋‹Œ div์™€ ๊ฐ™์€ ๋ธ”๋Ÿญ element์— ์ง€์ •ํ•ด์•ผ ์ž‘๋™ํ•จ. ๋ฒ„ํŠผ์— absolute ์ง€์ •ํ•ด๋„ ์•ˆ๋จนํž˜.  absolute์†์„ฑ์—์„œ ์ค‘์•™์ •๋ ฌํ•˜๊ธฐ(CSS) 1. ์ˆ˜์ง๊ณผ ์ˆ˜ํ‰์— ๋Œ€ํ•ด ์ค‘์•™์ •๋ ฌposition: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 2. ์ˆ˜์ง์— ๋Œ€ํ•ด ์ค‘์•™์ •๋ ฌtop: 50%; transform: translate(-50%); 3... 2020. 3. 31.
[Javascript] ๋ฒ„ํŠผ ๋ˆ„๋ฅด๋ฉด ๊ฐ’ ์ฆ๊ฐ€(๋ˆ„์ )ํ•˜๋Š” ๋กœ์ง JavaScript ClosuresCounting with a local variable.Count!0โ€‹ ์‚ฌ์‹ค ์ด ๋ฐฉ๋ฒ•์ด ์ดํ•ด๊ฐ€ ์•„์ง ์ž˜ ๊ฐ€์ง„ ์•Š๋Š”๋‹ค. add() ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋  ๋•Œ๋งˆ๋‹ค ํ•จ์ˆ˜ ์•ˆ์˜ ์ง€์—ญ๋ณ€์ˆ˜๊ฐ€ 0์œผ๋กœ ์ดˆ๊ธฐํ™”๋˜๋Š”๋ฐ ์–ด๋–ป๊ฒŒ ๊ธฐ์กด ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๋Š”๊ฑด์ง€...์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ๊ณต๋ถ€ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฆฌ๋ทฐ์˜€๋‹ค. ์ถœ์ฒ˜: https://www.w3schools.com/ 2020. 3. 31.
[Javascript] document.write() ํ•จ์ˆ˜ ์‚ฌ์šฉ์‹œ ์ฃผ์˜ ์ด๋ฒคํŠธํ•ธ๋“ค๋Ÿฌ(ex.  on~)๋กœ document.write(x) ์‚ฌ์šฉ์‹œ ๋ชจ๋“  ๋ฌธ์„œ๊ฐ€ ์‚ฌ๋ผ์ง€๊ณ  x๊ฐ’๋งŒ ์ถœ๋ ฅ๋˜์–ด ๋‚จ๊ฒŒ๋จ.์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋กœ ํ˜ธ์ถœ๋˜๋Š” ํ•จ์ˆ˜ ๋‚ด์— ๊ธฐ์ž…ํ•ด๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋‹ค.  ๊ทธ๋Ÿฌ๋‚˜ ๋ฌธ์„œ๋‚ด ํƒœ๊ทธ๋กœ ์ž‘์„ฑํ•ด๋„ฃ๋Š” ๊ฒฝ์šฐ๋Š” ๊ทธ๋ ‡์ง€ ์•Š๊ณ  ์œ„์น˜์— ๋งž๊ฒŒ ์ž˜ ์ถœ๋ ฅ๋œ๋‹ค.์ด๋ฒคํŠธํ•ธ๋“ค๋Ÿฌ๋กœ ํ˜ธ์ถœ๋˜์ง€ ์•Š๋Š” ํ•จ์ˆ˜ ๋‚ด์— ๊ธฐ์ž…๋œ ๊ฒฝ์šฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ด๋‹ค. ์ •๋ฆฌํ•˜์ž๋ฉด ํŽ˜์ด์ง€ ๋กœ๋”ฉ ํ›„ ํ˜ธ์ถœ๋˜๋Š” ๊ฒฝ์šฐ๋Š” ํ˜„์žฌ ํŽ˜์ด์ง€๋ฅผ ๋ฎ์–ด์“ฐ๊ธฐํ•ด๋ฒ„๋ฆผ. ์ด๋ฒคํŠธํ•ธ๋“ค๋Ÿฌ์— ์ ์šฉ์‹œ์—” innerHTML์„ ์‚ฌ์šฉํ•˜์ž. + getElementById ๋Š” ๋Œ€์†Œ๋ฌธ์ž ๊ตฌ๋ถ„ํ•จ! ์ด๊ฒƒ๋•Œ๋ฌธ์— ํ•จ์ˆ˜๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์˜ค๋ฅ˜ ์ฐพ๊ธฐ ๋งค์šฐ ํž˜๋“ค๋‹ค๐Ÿ˜ข 2020. 3. 30.
[Java] JavaFX ๋ฉ”๋ชจ VBox : ํ‹€StackPane : ์ปดํผ๋„ŒํŠธ ์‚ฝ์ž…์‹œ ์ˆ˜์ง(์„ธ๋กœ)์œผ๋กœ ์ž๋™ ๋ ˆ์ด์•„์›ƒHBox : ์ปดํผ๋„ŒํŠธ ์‚ฝ์ž…์‹œ ์ˆ˜ํ‰(๊ฐ€๋กœ)์œผ๋กœ ์ž๋™ ๋ ˆ์ด์•„์›ƒ 2020. 3. 28.
[Java] JavaFX ์„ค์น˜์™€ ์ดํด๋ฆฝ์Šค ์—ฐ๋™ JavaFX๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋ญ ์ดํด๋ฆฝ์Šค ๋„ค์˜จ๋ฒ„์ „์„ ์„ค์น˜ํ•˜๋ผ ์–ด์ฉŒ๊ณ  ํ•˜๋Š”๋ฐ ํ•˜...๊น”๊ธฐ ์‹ซ์–ด์„œ ๊ธฐ์กด์— ์“ฐ๋˜ ์˜คํ”ˆ๋ฒ„์ „์œผ๋กœ ์„ธํŒ…ํ–ˆ๋‹ค. ๋Œ€์‹  ์„ธํŒ…ํ•˜๋Š”๋ฐ ์ข€ ์• ๋จน์—ˆ๋‹ค. ใ…Žใ…›ใ…Ž... ์ด ์˜์ƒ๋„ ์ฐธ๊ณ ํ–ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด๊ฒƒ์œผ๋กœ๋„ ๋ถ€์กฑํ–ˆ์Œ.   1. JavaFX ์„ค์น˜์ดํด๋ฆฝ์Šค ๋ฉ”๋‰ด๋ฐ”์˜ Help>Marketplace>Find:fx๋‚œ ์ด๋ฏธ ๋ชจ๋“  ์„ธํŒ…์„ ๋‹ค ๋๋‚ธ ์ƒํƒœ๋ผ ์ด๋ฏธ ๋‹ค์šด๋ฐ›์•„์ ธ ์žˆ์ง€๋งŒ ๋‹น์‹ ์€ ์ด๊ฒƒ์„ ์ธ์Šคํ†จ ํ•ด์ฃผ๊ธธ. ์„ค์น˜๊ฐ€ ๋๋‚˜๋ฉด ์ดํด๋ฆฝ์Šค๊ฐ€ ์žฌ๋ถ€ํŒ… ๋  ๊ฒƒ์ด๋‹ค. ์žฌ๋ถ€ํŒ…ํ•˜๊ฒ ๋‹ค๋Š” ์•ˆ๋‚ด์ฐฝ์ด ๋œจ๋ฉด ์˜ค์ผ€์ดํ•ด์ค€๋‹ค.  ์ด์ œ JavaFX๋ฅผ ์„ค์น˜ํ•˜๋Ÿฌ ๊ฐ€์ž. https://gluonhq.com/products/javafx/  ์••์ถ•๊นŒ์ง€ ์•ผ๋ฌด์ง€๊ฒŒ ํ’€์–ด์ค€๋‹ค.     2. ํ”„๋กœ์ ํŠธ์— JavaFX ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ถ”๊ฐ€์ผ๋ฐ˜์ ์œผ๋กœ JDK๊ฐ™์€๊ฑด ์–˜๋‚ด๊ฐ€ ๋ผ์ด๋ธŒ๋Ÿฌ.. 2020. 3. 27.
[Python] ์ดํด๋ฆฝ์Šค๋กœ ํŒŒ์ด์ฌ ๊ตฌ๋™ํ•˜๊ธฐ - PyDev ์„ค์น˜ (์—ฐ๋™๊ณผ ํ…Œ์ŠคํŠธ) ๋‹ค์–‘ํ•œ ๊ฐœ๋ฐœ์–ธ์–ด ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํˆด์ธ '์ดํด๋ฆฝ์Šค'๋กœ ํŒŒ์ด์ฌ์„ ๋Œ๋ ค๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ณดํ†ต ํŒŒ์ด์ฌ์€ ์ดํด๋ฆฝ์Šค๋กœ ์ž˜ ์•ˆ๋Œ๋ฆฌ๋Š”๊ฑธ๋กœ ์•„๋Š”๋ฐ ์ €๋Š” ์ดํด๋ฆฝ์Šค๊ฐ€ ์›Œ๋‚™ ์ต์ˆ™ํ•ด์„œ ์ดํด๋ฆฝ์Šค๋ฅผ ์‚ฌ์šฉํ•  ๊ฑฐ์—์š”. ์ž๋ฐ” ๊ฐœ๋ฐœ์„ ํ•˜์ง€ ์•Š๋Š” ๋ถ„์€ ๋‹ค๋ฅธ ํˆด์„ ์ด์šฉํ•˜์‹œ๊ธธ ๊ถŒ์žฅ. ์ดํด๋ฆฝ์Šค ์‚ฌ์šฉ์„ ์œ„ํ•ด์„  ์ž๋ฐ”๊ฐœ๋ฐœํ™˜๊ฒฝ ์„ค์ •์ด ํ•„์ˆ˜์ด๊ธฐ ๋•Œ๋ฌธ์“ฐ. ์ดํด๋ฆฝ์Šค ์„ค์น˜๋Š” ์ด๊ณณ ์ฐธ๊ณ  https://we-always-fight-with-code.tistory.com/34 ์ž๋ฐ”๊ฐœ๋ฐœํ™˜๊ฒฝ(JDK), ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์ • / ์ดํด๋ฆฝ์Šค ์„ค์น˜1. ์ž๋ฐ” ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ • ์ดํด๋ฆฝ์Šค๋Š” ์ž๋ฐ” ๊ฐœ๋ฐœ ํˆด๋กœ ๊ฑฐ์˜ ์‚ฌ์šฉ๋˜์–ด์„œ ๊ทธ๋Ÿฐ๊ฐ€ ์ž๋ฐ”๊ฐœ๋ฐœํ™˜๊ฒฝ์„ ์„ค์ •ํ•˜์ง€ ์•Š์œผ๋ฉด ํ•ด๋‹น PC์—์„  ํ”„๋กœ๊ทธ๋žจ ์‹คํ–‰์ด ๋˜์ง€ ์•Š์Œ... ๋ญ ๋‚ด ์ƒ๊ฐ์ด๊ณ  ์ด์œ ๋Š” ์ž˜ ๋ชจ๋ฆ„ ใ…‹ใ…‹ ์ดํด๋ฆฝ์Šค๋ฅผ ๋จผ์ € ์„ค..we-always-fight-with.. 2020. 3. 26.
728x90
๋ฐ˜์‘ํ˜•