์ ์ฒด ๊ธ (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()๋ช ๋ น์ผ๋ก ์๋์ฐ ๊ฐ์ฒด.. ์ด์ 1 ยทยทยท 11 12 13 14 ๋ค์