Banner

My Tech Blog (์‚ฌ์šฉ)

Visual Studio Code (VSCode)์—์„œ Python์„ ์„ค์น˜ํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• 1. Python ์„ค์น˜์ผ๋‹จ ์ฃผ์˜ํ•  ์ ์€ Python ๊ณต์‹ ์›น์‚ฌ์ดํŠธ์—์„œ ๋‹ค์šด๋กœ๋“œํ•˜๊ธฐ ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ ์Šคํ† ์–ด ์•ฑ ๋‹ค์šด X ์ค‘์š”ํ•œ ์ !์„ค์น˜ ๊ณผ์ •์—์„œ ๋ฐ˜๋“œ์‹œ "Add Python to PATH" ์ฒดํฌ๋ฐ•์Šค๋ฅผ์„ ํƒํ•ด์•ผ ํ™˜๊ฒฝ๋ณ€์ˆ˜์— ์ž๋™์œผ๋กœ ๋“ฑ๋กํ•จ.(์ด ์˜ต์…˜์„ ์„ ํƒํ•˜์ง€ ์•Š์œผ๋ฉด VSCode์—์„œ Python์„ ์‹คํ–‰ํ•  ๋•Œ ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธธ ์ˆ˜ ์žˆ์Œ)์‹œ์Šคํ…œ > ํ™˜๊ฒฝ๋ณ€์ˆ˜์— ํŒŒ์ด์ฌ ์ง์ ‘ ๋“ฑ๋กํ•ด ์ฃผ์–ด์•ผ ํ•จ ์ด๋ ‡๊ฒŒ ๋‘ ๊ฐœ ๋“ฑ๋กํ•ด ์ฃผ์–ด์•ผ ํ•จ. C:\Python39 ๋˜๋Š” C:\Users\YourUser\AppData\Local\Programs\Python\Python39 (์„ค์น˜ ๊ฒฝ๋กœ)C:\Python39\Script 2. VSCode์—์„œ Python ํ™•์žฅ..
๋ฐ˜์‘ํ˜•์œผ๋กœ ์›น๋””์ž์ธ์„ ํ•˜๋‹ค๋ณด๋ฉด ๋„“์ด์™€ ๋†’์ด, ์‚ฌ์ด์ฆˆ ๋‹จ์œ„์— ๋Œ€ํ•œ ๊ณ ๋ฏผ์„ ํ•˜๊ฒŒ ๋œ๋‹ค. ๋ฐ˜์‘ํ˜•์„ ๊ณ ๋ คํ•˜์ง€ ์•Š๊ณ  ๋””์ž์ธ์„ ํ•  ๋•Œ๋Š” px๋ฅผ ์ผ์ง€๋งŒ, ์œ ์—ฐํ•œ ํŽ˜์ด์ง€๋ฅผ ๋””์ž์ธ ๊ณ ๋ คํ•˜๋Š” ๊ฒฝ์šฐ em, rem๋‹จ์œ„๋ฅผ ์‚ฌ์šฉํ•ด ์ฃผ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.  px๋Š” ๊ฐ’์ด ๊ณ ์ •๋˜์–ด์žˆ๋Š” ์ ˆ๋Œ€๋‹จ์œ„em๊ณผ rem์€ ํ™˜๊ฒฝ์— ๋”ฐ๋ผ ๋ณ€ํ•˜๋Š” ์ƒ๋Œ€๋‹จ์œ„ ์ƒ๋Œ€ ๋‹จ์œ„๋ž€ ๊ณ ์ •๋˜์ง€ ์•Š๊ณ  ์–ด๋–ค ๊ธฐ์ค€์— ๋”ฐ๋ผ ์œ ๋™์ ์œผ๋กœ ๋ฐ”๋€Œ๋Š” ๊ธธ์ด๋ฅผ ๋‚˜ํƒ€๋‚ธ๋‹ค. ์˜ˆ) em, rem, %, vw, vh ๋“ฑ ์ ˆ๋Œ€ ๋‹จ์œ„๋ž€ ์–ด๋–ค ์ƒํ™ฉ์—์„œ๋“  ํ•ญ์ƒ ๊ณ ์ •๋œ ๊ธธ์ด๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๋‹จ์œ„. ์›น์—์„œ ์ ˆ๋Œ€ ๋‹จ์œ„๋Š” px์„ ์ œ์™ธํ•˜๊ณ ๋Š” ์ž˜ ์“ฐ์ด์ง€ ์•Š์Œ.์›น์€ ๋””๋ฐ”์ด์Šค๋‚˜ ์‚ฌ์šฉ์ž ํ™˜๊ฒฝ์— ๋”ฐ๋ผ ์ปจํ…์ธ  ํฌ๊ธฐ๊ฐ€ ์œ ๋™์ ์œผ๋กœ ๋ณ€ํ•จ. ๋”ฐ๋ผ์„œ ์ ˆ๋Œ€ ๋‹จ์œ„๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ฝ˜ํ…์ธ ์˜ ์œ ์—ฐ์„ฑ์ด ์ €ํ•˜๋จ. 1. CSS ํฌ๊ธฐ์˜ ๋‹จ์œ„ ์ข…๋ฅ˜๊ตฌ๋ถ„์„ค๋ช…์˜ˆ์‹œpxํฌ..
1. ์—‘์…€์—๋Š” ํ‘œ๊ฐ€ ์žˆ๊ณ  ๋…ธ์…˜์—๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๊ฐ€ ์žˆ๋‹ค.   ์ผ์ • ๊ด€๋ฆฌ, ๊ธฐ์–ต์— ๋‚จ๋Š” ์˜ํ™”๋‚˜ ์ฑ…์— ๊ด€ํ•œ ๊ธฐ๋ก, ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ์— ๊ผญ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์ด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์ž…๋‹ˆ๋‹ค. ์—‘์…€์—์„œ ํ‘œ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ๊ณผ ๋น„์Šทํ•œ ๊ธฐ๋Šฅ์ž…๋‹ˆ๋‹ค. ๋นˆ ํŽ˜์ด์ง€์—์„œ ๋ธ”๋ก ์ถ”๊ฐ€ ๋‹จ์ถ•ํ‚ค / ๋ฅผ ๋ˆ„๋ฅด๊ณ  ์•„๋ž˜๋กœ ๋‚ด๋ ค๋ณด๋ฉด [๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค] ํ•ญ๋ชฉ์ด ์žˆ์–ด์š”. /data ๋ฅผ ์ž…๋ ฅํ•ด๋„ ๊ฐ™์€ ๊ธฐ๋Šฅ์„ ์ด์šฉ ํ•  ์ˆ˜ ์žˆ์–ด์š”. ๋…ธ์…˜์—์„œ ์ง€์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์˜ ์ข…๋ฅ˜๋Š” 6๊ฐ€์ง€์˜ˆ์š”.  1-1. [ํ‘œ ๋ณด๊ธฐ]๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ธ ํ‘œ ํ˜•ํƒœ์ž…๋‹ˆ๋‹ค.    1. [ + ์ƒˆ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ƒ์„ฑ]   2. ํƒœ๊ทธ ์˜† + ์•„์ด์ฝ˜ ๋ˆŒ๋Ÿฌ์„œ ์—ด ์ถ”๊ฐ€ ํ›„ [+ ์ƒˆ๋กœ ๋งŒ๋“ค๊ธฐ] ๋ˆŒ๋Ÿฌ์„œ ํ–‰ ์ถ”๊ฐ€   3. ์ œ๋ชฉ ์ž…๋ ฅ (์˜ˆ์‹œ - ์ด๋ฒˆ ๋‹ฌ ์ผ์ •)   4. ํ‘œ ํ•ญ๋ชฉ์—๋Š” ํ•  ์ผ, ๋ถ„๋ฅ˜,๋งˆ๊ฐ์ผ ๋“ฑ ์ถ”๊ฐ€ ๊ฐ€๋Šฅ   5. ํ‘œ ํ•ญ๋ชฉ ..
โœ… ๋…ธ์…˜ ์š”๊ธˆ์ œ๊ตฌ๋ถ„์š”๊ธˆ์ฃผ์š”๊ธฐ๋Šฅ๋ฌด๋ฃŒ์š”๊ธˆ์ œ๊ฐœ์ธ์š”๊ธˆ์ œ๋ฌด๋ฃŒ๋ฌด์ œํ•œ ํ…์ŠคํŠธ ์ž‘์„ฑ(2๋ช… ์ด์ƒ ์‚ฌ์šฉ์‹œ ๋ธ”๋ก 1,000๊ฐœ ์ œํ•œ), ํŒŒ์ผ์—…๋กœ๋“œ 5MB์ œํ•œ, ๊ฒŒ์ŠคํŠธ ์ดˆ๋Œ€ 10๋ช… ์ œํ•œ, ๋ฒ„์ „ ๊ธฐ๋ก 7์ผ๊ฐ„ ์—ด๋žŒ ๊ฐ€๋Šฅ์œ ๋ฃŒ์š”๊ธˆ์ œํ”Œ๋Ÿฌ์Šค ์š”๊ธˆ์ œ๋งค๋‹ฌ USD 10(์—ฐ๊ฐ„ ๊ฒฐ์ œ์‹œ ์›” USD 8)[๊ฐœ์ธ์š”๊ธˆ์ œ] ๊ธฐ๋Šฅ +๋ฌด์ œํ•œ ํŒŒ์ผ ์—…๋กœ๋“œ ๊ฐ€๋Šฅ,๊ฒŒ์ŠคํŠธ ์ดˆ๋Œ€ 100๋ช… ์ œํ•œ,๋ฒ„์ „ ๊ธฐ๋ก 30์ผ๊ฐ„ ์—ด๋žŒ ๊ฐ€๋Šฅ๋น„์ฆˆ๋‹ˆ์Šค ์š”๊ธˆ์ œ๋งค๋‹ฌ ๋ฉค๋ฒ„ 1์ธ๋‹น USD 18(์—ฐ๊ฐ„ ๊ฒฐ์ œ์‹œ ์›” USD 15)[ํ”Œ๋Ÿฌ์Šค ์š”๊ธˆ์ œ] ๊ธฐ๋Šฅ +๊ฒŒ์ŠคํŠธ ์ดˆ๋Œ€ 250๋ช… ์ œํ•œ,๋ฒ„์ „ ๊ธฐ๋ก 90์ผ๊ฐ„ ์—ด๋žŒ ๊ฐ€๋Šฅ,๊ณ ๊ธ‰ ํŽ˜์ด์ง€ ์• ๋„๋ฆฌํ‹ฑ์Šค ๊ธฐ๋Šฅ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ์š”๊ธˆ์ œ๋…ธ์…˜ ์˜์—…ํŒ€์— ๋ณ„๋„ ๋ฌธ์˜[๋น„์ฆˆ๋‹ˆ์Šค ์š”๊ธˆ์ œ] ๊ธฐ๋Šฅ + ๋ฒ„์ „ ๊ธฐ๋ก ๋ฌด์ œํ•œ ์—ด๋žŒ ๊ฐ€๋Šฅ    ํ•™์ƒ/๊ต์œก๊ณ„ ์ข…์‚ฌ์ž๋Š” [ํ”Œ๋Ÿฌ์Šค ์š”๊ธˆ์ œ] ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉ ๊ฐ€๋Šฅ(๋‹จ, ์›Œํฌ ..
์ธ์ ˆ๋ฏธ์˜€๋˜๊ฒƒ
'์‚ฌ์šฉ' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก
์ƒ๋‹จ์œผ๋กœ