๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ „์ฒด ๊ธ€

(112)
1-1. Git https://academy.dream-coding.com/enrollments# - Git VCS(Version Control System) ์ค‘ ํ•˜๋‚˜ ํŒŒ์ผ์˜ ๋ฒ„์ „์„ ํŽธ๋ฆฌํ•˜๊ฒŒ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ฃผ๋Š” ๋„๊ตฌ๋กœ. ์ž‘์—…ํ•˜๊ณ  ์žˆ๋Š” ํŒŒ์ผ๋“ค์„ ๊ฑฐ๋“ญํ•ด์„œ ๊ณ„์† ์ˆ˜์ •ํ•  ํ…๋ฐ, ์ด๋ฅผ ์›ํ•˜๋Š” ์ˆœ๊ฐ„์œผ๋กœ ๋‹ค์‹œ ๋Œ์•„๊ฐˆ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์คŒ ์ฝ”๋“œ ๋ฟ๋งŒ์ด ์•„๋‹ˆ๋ผ ๋…ธํŠธ txt ํŒŒ์ผ, ๊ทธ๋ž˜ํ”ฝ ํŒŒ์ผ, ๋ ˆ์ด์•„์›ƒ ํŒŒ์ผ ๋“ฑ๋„ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Œ VSC์ค‘์—์„œ Distributed Version Control์—๋Š” git, mercurial, darcs ๋“ฑ์ด ํ•ด๋‹นํ•˜๋Š”๋ฐ ์„œ๋ฒ„์—๋„ ํžˆ์Šคํ† ๋ฆฌ์˜ ์ •๋ณด๊ฐ€ ์žˆ์„ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ชจ๋“  ๊ฐœ๋ฐœ์ž๋“ค์ด ๋™์ผํ•œ ํžˆ์Šคํ† ๋ฆฌ ์ •๋ณด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Œ => ์„œ๋ฒ„์— ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธฐ๊ฑฐ๋‚˜, ๋‹ค์šด์ด ๋˜๊ฑฐ๋‚˜, ์˜คํ”„๋ผ์ธ์ด ๋˜์–ด๋„ ์„œ๋กœ์˜ ์ •๋ณด๋ฅผ ์ด์šฉํ•ด ์„œ๋ฒ„๋ฅผ ..
์ฝ”๋ˆ„๋‚˜๋‹˜ - HTML, CSS / Chapter 4 - ๊ตฌ๊ธ€ ์›น์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ ๊ตฌ๊ธ€ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์•ž์„œ ๋จผ์ € ํŽ˜์ด์ง€์˜ ๊ตฌ์—ญ์„ ๋‚˜๋ˆ ๋ณด๋ผ๊ณ  ํ•˜์…จ๋‹ค.์ด๋ ‡๊ฒŒ ์„ธ ๊ตฌ์—ญ์œผ๋กœ ๋‚˜๋ˆ„๋Š”๊ฒŒ ์ œ์ผ ์ •์„์ธ ๊ฒƒ ๊ฐ™๋‹ค.. ๊ฐ•์‚ฌ๋‹˜์˜ ๊ตฌ๊ธ€ํ™”๋ฉด๊ณผ๋Š” ๋‹ฌ๋ฆฌ ๋‚œ ๋‹คํฌ๋ชจ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ ์žˆ์–ด์„œํ•œ๋ฒˆ ๋‹คํฌ๋ชจ๋“œ๋กœ ๋งŒ๋“ค์–ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค...^^ https://contrastchecker.com/ WCAG - Contrast CheckerCheck the contrast of your color design for accessibility base on Web Content Accessibility Guideline (WCAG)contrastchecker.com๋‹คํฌ๋ชจ๋“œ ์ƒ‰๊น” ์ž˜์žก์•˜๋Š”์ง€ ํ™•์ธํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ.   Google ์ •๋ณด ์Šคํ† ์–ด ..
์ฝ”๋ˆ„๋‚˜๋‹˜ - HTML, CSS / Chapter 3 - CSS ์›น์‚ฌ์ดํŠธ ๊พธ๋ฏธ๊ธฐ Box 1 Box 2 Box 3 ์ด ๋•Œ ์—ฌ๊ธฐ์„œ box 2์—๊ฒŒ display : none, visibility : hidden์„ ๊ฐ๊ฐ ์ ์šฉํ•ด๋ณด๊ณ  ๋ฌด์Šจ ์ฐจ์ด์ ์ด ์žˆ๋А๋ƒ๊ณ  ํ•˜์…จ๋‹ค. ๋”ฑ๋ด๋„ ๋Œ€์ถฉ ๊ฐ์ด ์˜ค์ง€๋งŒ... display : none์€ ๊ทธ๋ƒฅ ์–˜ ์ž์ฒด๋ฅผ ๋ฐฐ์น˜ํ•˜์ง€ ์•Š๊ฒ ๋‹ค์—ฌ์„œ Box3์ด Box2์˜ ๋นˆ์ž๋ฆฌ๋ฅผ ์ฑ„์šธ ๊ฒƒ์ด๊ณ , visibility : hidden์€ ๋ณด์—ฌ์ง€๋Š” ๊ฒƒ์„ ์ˆจ๊ธฐ๋Š” ๊ฒƒ์œผ๋กœ Box2๊ฐ€ ์‹ค์ œ ๋ฐฐ์น˜๋Š” ๋˜์–ด ์žˆ์ง€๋งŒ ์šฐ๋ฆฌ ๋ˆˆ์—๋Š” ์•ˆ๋ณด์ผ ๊ฒƒ์ด๋‹ค. .green { display : none; visibility : hidden; border : 50px solid green; } ์‹ค์ œ๋กœ ์ฐจ์ด๋ฅผ ํ™•์ธํ•ด ๋ณด๊ธฐ ์œ„ํ•ด ์ผ๋‹จ ์ฝ”๋“œ์—๋Š” ๋‘˜๋‹ค ์ž‘์„ฑํ•ด๋‘๊ณ  ๊ฐœ๋ฐœ์ž ๋„๊ตฌ๋ฅผ ์ด์šฉํ•ด ๋น„๊ตํ•ด๋ณด๋„๋ก ํ•˜์ž. ๊ทธ๋ฆฌ๊ณ  ์ƒ‰๊น”์„ ๋ฐ”๊ฟ”๋ณด๊ธฐ๋„ ์žˆ์—ˆ..
์ฝ”๋ˆ„๋‚˜๋‹˜ - HTML, CSS / Chapter 2- HTML ์›น์‚ฌ์ดํŠธ ๋ผˆ๋Œ€ ์ž๊ธฐ์†Œ๊ฐœ์„œ ์•ˆ๋…•ํ•˜์„ธ์š” ์ œ ์ด๋ฆ„์€ ๊น€ํ•˜์—ฐ์ž…๋‹ˆ๋‹ค. ์ข‹์•„ํ•˜๋Š” ์Œ์‹ ์‚ฌ์ฒœ์‹ ๋‹ญ๋‚ ๊ฐœ ์•ผ์ฑ„๊ณฑ์ฐฝ ์†Œ๊ณฑ์ฐฝ ์ข‹์•„ํ•˜๋Š” ๊ฐ€์ˆ˜ TWICE TWICE ์œ ํŠœ๋ธŒ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ ์ข‹์•„ํ•˜๋Š” ๋…ธ๋ž˜ ์ธ์ ์‚ฌํ•ญ ์งˆ๋ฌธ ๋‹ต๋ณ€ ์‚ฌ๋Š” ๊ณณ ํ•˜๋‚จ์‹œ ๋‚˜์ด 23์‚ด ํ…Œ์ด๋ธ” ์“ฐ๋Š” ๋ฐฉ๋ฒ•์„ ๋ชจ๋ฅด๊ฒ ๋‹ค๊ณ ? ๊ทธ๋Ÿผ ๊ฒ€์ƒ‰ํ•ด๋ด! ์—ฐ๋ฝ & ๋ฌธ์˜ ์ง€๋‚œ ์—ฌ๋ฆ„๋ฐฉํ•™ ๋•Œ ํ˜„์žฅ์‹ค์Šตํ•˜๋ฉด์„œ ํšŒ์‚ฌ ํ™ˆํŽ˜์ด์ง€ ๋””์ž์ธ์„ ํ•ด๋ณด๋ฉด์„œ html, css, js ํŒŒ์ผ์„ ์กฐ๊ธˆ ์ž‘์„ฑํ•ด๋ดค์—ˆ๋Š”๋ฐ (์‚ฌ์‹ค์ƒ jsํŒŒ์ผ์€ ๊ฑฐ์˜ ๋ณต๋ถ™๋Œ€์ž”์น˜์˜€๋‹ค...) ๊ทธ ์ดํ›„๋กœ ๋˜ ๊ธฐ๋ง๊ณ ์‚ฌ ๋•Œ jsp ํŒŒ์ผ ์ž‘์„ฑํ•˜๋ฉด์„œ ๋˜ ํ•˜๊ธดํ–ˆ๋Š”๋ฐ ์•„๋ฌดํŠผ ๋‚ด๊ฐ€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ๋„ˆ๋ฌด ์•ฝํ•ด์„œ ๋‹ค์‹œ ๊ธฐ์ดˆ๋ฅผ ๋‹ค์ง€๋Š” ๊ฒธ ์ฝ”๋ˆ„๋‚˜๋‹˜์˜ html, css ๊ฐ•์˜๋ฅผ ๋“ฃ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ์ด๊ฑฐ ๋‹ค๋“ฃ๊ณ  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋„ ๋“ค์„ ์˜ˆ์ • (์ด๋ฏธ ๊ตฌ๋งค๋Š” ํ–ˆ๋‹ค.) ๋‚˜๋จธ์ง€๋Š” ๊ทธ๋ž˜๋„ ๋ฌด๋‚œํžˆ ํ–ˆ๋Š”๋ฐ ์ •์ž‘ tab..
ํŒŒ์ด์ฌ์œผ๋กœ ๋ฐฐ์šฐ๋Š” ๊ฒŒ์ž„ ๊ฐœ๋ฐœ ์‹ค์ „ํŽธ chapter 2 1. ํžˆํŠธ ์ฒดํฌ(hit check) 2๊ฐœ์˜ ๋ฌผ์ฒด๊ฐ€ ์ ‘์กฑํ–ˆ๋Š”์ง€ ํŒ์ •ํ•˜๋Š” ๊ฒƒ์œผ๋กœ, ๊ฒŒ์ž„์—์„œ๋Š” ๋ฐœ์‚ฌํ•œ ํƒ„ํ™˜์ด ์ƒ๋Œ€์—๊ฒŒ ๋งž์•˜๋Š”์ง€, ์•„์ดํ…œ์„ ์ฃผ์› ๋Š”์ง€ ๋“ฑ์˜ ์ด๋ฒคํŠธ์— ์ด์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. 1) ์‚ฌ๊ฐํ˜•์—์„œ์˜ ํžˆํŠธ ์ฒดํฌ import tkinter def hit_check_rect(): dx = abs((x1 + w1 / 2) - (x2 + w2 / 2)) # dx์— ๋‘ ์‚ฌ๊ฐํ˜•์˜ ์ค‘์‹ฌ x ๋ฐฉํ–ฅ ๊ฑฐ๋ฆฌ ๋Œ€์ž… dy = abs((y1 + h1 / 2) - (y2 + h2 / 2)) # dy์— ๋‘ ์‚ฌ๊ฐํ˜•์˜ ์ค‘์‹ฌ y ๋ฐฉํ–ฅ ๊ฑฐ๋ฆฌ ๋Œ€์ž… if dx dx = abs((x1 + w1 / 2) - (x2 + w2 / 2)) ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ dy์˜ ๊ฐ’์„ dy = abs((y1 + h1 / 2) - (y2 + h2 / 2)) ๋กœ ํ‘œํ˜„ํ•œ๋‹ค. ํ•˜์ง€๋งŒ ์šฐ๋ฆฌ๊ฐ€..
2์žฅ. ์ž๋ฃŒํ˜• โ… . ๋ณ€์ˆ˜์™€ ์ž๋ฃŒํ˜• 1. ์ž๋ฃŒํ˜• ์„ ์–ธํ•˜๊ธฐ ๋ณ€์ˆ˜ : ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์— ๊ฐ’์„ ์ €์žฅํ•  ๊ณต๊ฐ„์— ๋ถ€์—ฌ๋œ ์ด๋ฆ„ ์ž๋ฃŒํ˜• : ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ’์˜ ํ˜•ํƒœ(์ข…๋ฅ˜, ํŠน์ง•) ์ž๋ฐ” ํ”„๋กœ๊ทธ๋žจ์˜ ๋ชจ๋“  ๋ณ€์ˆ˜/์ƒ์ˆ˜๋Š” ์ž๋ฃŒํ˜•์„ ์„ ์–ธ ํ›„ ์‚ฌ์šฉ ๊ฐ€๋Šฅ ํ•œ๋ฒˆ ์„ ์–ธ๋œ ์ž๋ฃŒํ˜•์˜ ๋ฐ์ดํ„ฐ๋Š” ๋ณ€๊ฒฝํ•  ์ˆ˜ ์—†๋‹ค // ์ž๋ฃŒํ˜• ๋ณ€์ˆ˜๋ช…; ์œผ๋กœ ์„ ์–ธ int a = 3; // (O) b = 5; // (X) String c; c = "์•ˆ๋…•" // (O) ์ž๋ฐ” ์Šคํฌ๋ฆฝํŠธ, ํŒŒ์ด์ฌ๊ฐ™์€ ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด๋Š” ์ž๋ฃŒํ˜• ์„ ์–ธ ์—†์ด ๋ณ€์ˆ˜ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅ 2. ๋ณ€์ˆ˜ ์‚ฌ์šฉํ•˜๊ธฐ 1) ๋ณ€์ˆ˜ ์„ ์–ธ๊ณผ ํ•จ๊ป˜ ๊ฐ’ ๋Œ€์ž…ํ•˜๊ธฐ // ์ž๋ฃŒํ˜• ๋ณ€์ˆ˜๋ช… = ๊ฐ’; int a = 3; 2) ๋ณ€์ˆ˜ ์„ ์–ธ๊ณผ ๊ฐ’ ๋Œ€์ž… ๋ถ„๋ฆฌํ•˜๊ธฐ // ์ž๋ฃŒํ˜• ๋ณ€์ˆ˜๋ช…; // ๋ณ€์ˆ˜๋ช… = ๊ฐ’; int a; a = 3; ์ด ๋•Œ int a;์—์„œ ๋๋‚ด๋„ ๋”ฑ..
1์žฅ. ์ž๋ฐ” ์‹œ์ž‘ํ•˜๊ธฐ Do it! ์ž๋ฐ” ์™„์ „ ์ •๋ณต ์ฑ…์œผ๋กœ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์ •๋ฆฌํ•˜๋Š” ํฌ์ŠคํŒ… https://youtube.com/playlist?list=PLR9w0n2BH7rfISFIV_BhWSA05YTXjKiYC [Do it ์ž๋ฐ” ์™„์ „์ •๋ณต] 01์žฅ ์ž๋ฐ” ์‹œ์ž‘ํ•˜๊ธฐ www.youtube.com โ… . ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์™€ ์ž๋ฐ” 1. ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด : ์ปดํ“จํ„ฐ๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ๋ช…๋ น์„ ์ž‘์„ฑํ•˜๊ธฐ ์œ„ํ•œ ๋„๊ตฌ ์ปดํ“จํ„ฐ๋Š” 0๊ณผ 1๋งŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋ฐ”, C, C++๊ณผ ๊ฐ™์€ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•ด ์ด๋ฅผ ์ปดํŒŒ์ผ๋Ÿฌ๋ฅผ ํ†ตํ•ด ๊ธฐ๊ณ„์–ด๋กœ ๋ฒˆ์—ญํ•˜์—ฌ ์ปดํ“จํ„ฐ์— ์ „๋‹ฌํ•ด์•ผ ํ•จ 1) ๊ณ ๊ธ‰์–ธ์–ด : ์ธ๊ฐ„์ด ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด ๋ฌธ์žฅ์„ ์‚ฌ์šฉํ•ด ์ปดํ“จํ„ฐ๊ฐ€ ์ˆ˜ํ–‰ํ•ด์•ผ ํ•  ์ž‘์—…์„ ์ •์˜ํ•œ ์–ธ์–ด, C, C++, ์ž๋ฐ” ๋“ฑ 2) ๊ธฐ๊ณ„์–ด : 2์ง„ ๋ฐ์ดํ„ฐ๋กœ ๊ตฌ์„ฑ๋œ ์–ธ์–ด๋กœ ์ปดํ“จํ„ฐ๊ฐ€ ์ง์ ‘ ์ดํ•ดํ•  ..
ํŒŒ์ด์ฌ์œผ๋กœ ๋ฐฐ์šฐ๋Š” ๊ฒŒ์ž„ ๊ฐœ๋ฐœ ์‹ค์ „ํŽธ chapter 1 https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=285102792 [์ „์ž์ฑ…] ํŒŒ์ด์ฌ์œผ๋กœ ๋ฐฐ์šฐ๋Š” ๊ฒŒ์ž„ ๊ฐœ๋ฐœ ์‹ค์ „ํŽธ ใ€ŠํŒŒ์ด์ฌ์œผ๋กœ ๋ฐฐ์šฐ๋Š” ๊ฒŒ์ž„ ๊ฐœ๋ฐœ ์ž…๋ฌธํŽธใ€‹์˜ ํ›„ํŽธ์œผ๋กœ, ์•ก์…˜ ๊ฒŒ์ž„, ์ŠˆํŒ… ๊ฒŒ์ž„, ์œ ์‚ฌ 3D ์˜์ƒ ํ‘œํ˜„์„ ํ™œ์šฉํ•œ 3D ์นด ๋ ˆ์ด์‹ฑ ๊ฒŒ์ž„ ๋“ฑ ์ „ํŽธ๋ณด๋‹ค ์ข€ ๋” ๋‚œ์ด๋„๊ฐ€ ๋†’์€ ๊ฒŒ์ž„์„ ๊ฐœ๋ฐœํ•˜๋ฉด์„œ ํŒŒ์ด์ฌ์˜ ๋‹ค์–‘ www.aladin.co.kr ๋‚˜๋ฆ„ ์ „๊ณต์ด๋ผ๊ณ  ๊ธฐ๋ณธํŽธ ๋ง๊ณ  ์‹ค์ „ํŽธ์œผ๋กœ ๊ณต๋ถ€ํ•ด๋ณด๊ฒ ๋‹ค๊ณ  ์ƒ€๋Š”๋ฐ ํŒŒ์ด์ฌ ๊ณผ๋ชฉ ํ•™์ ์ด ๋„ˆ๋œ๋„ˆ๋œํ•ด์„œ... (์‹ฌ์ง€์–ด ์ด๋งˆ์ €๋„ 1๋…„์ „์ด๋ผ ๊ฐ€๋ฌผ๊ฐ€๋ฌผ...) ํ•˜๋‹ค๊ฐ€ ์ • ์ดํ•ด๊ฐ€ ์•ˆ๋ผ์„œ ๋ฏธ์น˜๊ฒ ์œผ๋ฉด ๊ธฐ๋ณธํŽธ์œผ๋กœ ๋‹ค์‹œ ์‚ด ์˜ˆ์ •์ด๋‹ค... 1. ํ‚ค ์ž…๋ ฅ - ์œˆ๋„์šฐ ํ‘œ์‹œํ•˜๊ธฐ tkinter ๋ชจ๋“ˆ ์ž„ํฌํŠธ : import tkinter Tk()๋ช…๋ น์œผ๋กœ ์œˆ๋„์šฐ ๊ฐ์ฒด..