๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋ก๊ฐœ๋ฐœ (34)

JiYoung Dev ๐Ÿ–ฅ

[JAVA] ์กฐ๊ฑด๋ฌธ (2023.03.23 ์ˆ˜์—…)

2023.03.23 ํ•™์Šต ๋‚ด์šฉ ๐Ÿ”Ž ์กฐ๊ฑด๋ฌธ ์ฃผ์–ด์ง„ ์กฐ๊ฑด์„ ๋น„๊ต/ํŒ๋‹จํ•˜์—ฌ ๊ทธ ์กฐ๊ฑด์— ๋งŒ์กฑํ•  ๊ฒฝ์šฐ ์ง€์ •๋œ ๋ช…๋ น์„ ์‹คํ–‰ํ•˜๊ณ  ๋งŒ์กฑํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ๋‹ค์Œ ๋‹จ๊ณ„์˜ ๋ช…๋ น์„ ์ˆ˜ํ–‰ํ•˜๋„๋ก ํ•˜๋Š” ๊ตฌ๋ฌธ (์กฐ๊ฑด์ด ์ค‘์š”!!) ๐Ÿ“– ์ˆœ์„œ๋„(flowchart) → ์ง์ ‘ ๊ทธ๋ฆด ์ˆ˜ ์žˆ์–ด์•ผ ํ•จ ๊ด€๋ จ์ž๋ฃŒ ์ฝ”๋”ฉ๊ต์œก ํ‹ฐ์”จํ”ผ์Šค์ฟจ 4์ฐจ์‚ฐ์—…ํ˜๋ช…, ์ฝ”๋”ฉ๊ต์œก, ์†Œํ”„ํŠธ์›จ์–ด๊ต์œก, ์ฝ”๋”ฉ๊ธฐ์ดˆ, SW์ฝ”๋”ฉ, ๊ธฐ์ดˆ์ฝ”๋”ฉ๋ถ€ํ„ฐ ์ž๋ฐ” ํŒŒ์ด์ฌ ๋“ฑ tcpschool.com ๐Ÿ“– ์กฐ๊ฑด๋ฌธ์˜ ์ข…๋ฅ˜ ๋‹จ์ˆœif๋ฌธ if ~ else๋ฌธ ๋‹ค์ค‘ if ~ else๋ฌธ switch๋ฌธ โš™ ๋‹จ์ˆœif๋ฌธ if๋ฌธ์˜ ์กฐ๊ฑด์ด ์ฐธ(true)์ด๋ฉด if๋ฌธ ๋‚ด๋ถ€์˜ '์‹คํ–‰๋ฌธ์žฅ'์ด ์‹คํ–‰๋˜๋ฉฐ ๊ฑฐ์ง“(false)์ด๋ฉด if๋ฌธ์„ ๋ฒ—์–ด๋‚จ ๋‹จ์ˆœif๋ฌธ์—์„œ ๋ฌผ์–ด๋ณด๋Š” ์กฐ๊ฑด์€ ๋‹จ 1๊ฐœ. ์กฐ๊ฑด์€ ํ•ญ์ƒ ๋…ผ๋ฆฌํ˜•(๋น„๊ต์—ฐ์‚ฐ์ž ํ˜น์€ ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž) ๋น„๊ต์—ฐ์‚ฐ์ž ..

full stack/JAVA 2023. 3. 23. 19:06
[Oracle Database] ์˜ค๋ผํด ํ•จ์ˆ˜

06-01 ์˜ค๋ผํด ํ•จ์ˆ˜ SELECT์—์„œ ์‚ฌ์น™์—ฐ์‚ฐํ•˜๊ธฐ ๋”ํ•˜๊ธฐ +, ๋นผ๊ธฐ -, ๊ณฑํ•˜๊ธฐ *, ๋‚˜๋ˆ„๊ธฐ / ๊ฐ€๋Šฅํ•˜๋‚˜ ๋‚˜๋จธ์ง€๋Š” %๊ฐ€ ์•„๋‹Œ mod ์‚ฌ์šฉ ํ•จ์ˆ˜๋ž€? ํŠน์ • ๊ฒฐ๊ณผ ๋ฐ์ดํ„ฐ๋ฅผ ์–ป๊ธฐ ์œ„ํ•ด ์–ด๋–ค ๊ฐ’์ด๋‚˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ž…๋ ฅํ•˜๋Š”๋ฐ ๊ทธ ๊ฐ’์— ๋”ฐ๋ผ ๊ฐ€๊ณต ๋˜๋Š” ์—ฐ์‚ฐ์˜ ๊ณผ์ •์„ ๊ฑฐ์ณ ๊ฒฐ๊ณผ๊ฐ’์ด ๋‚˜์˜ด. ์ฆ‰, ์˜ค๋ผํด ํ•จ์ˆ˜๋Š” ํŠน์ •ํ•œ ๊ฒฐ๊ณผ ๊ฐ’์„ ์–ป๊ธฐ ์œ„ํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ๋Š” ํŠน์ˆ˜ ๋ช…๋ น์–ด ์˜ค๋ผํด ํ•จ์ˆ˜์˜ ์ข…๋ฅ˜ ์˜ค๋ผํด์—์„œ ๊ธฐ๋ณธ์œผ๋กœ ์ œ๊ณตํ•˜๊ณ  ์žˆ๋Š” ๋‚ด์žฅ ํ•จ์ˆ˜(built-in function)์™€ ์‚ฌ์šฉ์ž๊ฐ€ ํ•„์š”์— ์˜ํ•ด ์ง์ ‘ ์ •์˜ํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ํ•จ์ˆ˜(user-defined function)์œผ๋กœ ๋‚˜๋‰จ ๋‚ด์žฅ ํ•จ์ˆ˜์˜ ์ข…๋ฅ˜ ๋‚ด์žฅ ํ•จ์ˆ˜๋Š” ์ž…๋ ฅ ๋ฐฉ์‹์— ๋”ฐ๋ผ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ์— ์‚ฌ์šฉํ•˜๋Š” ํ–‰์ด ๋‚˜๋‰จ ๋ฐ์ดํ„ฐ๊ฐ€ ํ•œ ํ–‰์”ฉ ์ž…๋ ฅ๋˜๊ณ  ์ž…๋ ฅ๋œ ํ•œ ํ–‰๋‹น ๊ฒฐ๊ณผ๊ฐ€ ํ•˜๋‚˜์”ฉ ๋‚˜์˜ค๋Š” ํ•จ์ˆ˜๋ฅผ..

full stack/database 2023. 3. 22. 19:19
[JAVA] ๋ณ€์ˆ˜์™€ ์ž…์ถœ๋ ฅ

2023.03.20 ํ•™์Šต๋‚ด์šฉ ์ฐธ๊ณ ์ž๋ฃŒ : JAVA Programming ๐Ÿ”Ž ์ž๋ฐ” ํ”„๋กœ๊ทธ๋žจ์˜ ๊ตฌ์กฐ ํ”„๋กœ์ ํŠธ(project) ์›Œํฌ์ŠคํŽ˜์ด์Šค์˜ ํ•˜์œ„ ํด๋” ํ•˜๋‚˜์˜ ์‹คํ–‰ํŒŒ์ผ ๋‹จ์œ„ ์ฒซ ๋ฌธ์ž๋Š” ๋Œ€๋ฌธ์ž๋กœ ์‹œ์ž‘ํ•˜๋Š” ๊ฒƒ์„ ๊ถŒ์žฅ ํŒจํ‚ค์ง€(package) ํด๋ž˜์Šค๋ฅผ ๊ธฐ๋Šฅ๋ณ„๋กœ ๋ฌถ์–ด๋‘” ์ผ์ข…์˜ ์นดํ…Œ๊ณ ๋ฆฌ ์†Œ๋ฌธ์ž๋กœ ์‹œ์ž‘, ๊ฐ€๊ธ‰์  ํ•œ ๋‹จ์–ด ์‚ฌ์šฉ ๊ถŒ์žฅ ํ˜‘์—…ํ•  ๊ฒฝ์šฐ ํ‘œ์ค€ ํŒจํ„ด์— ๋”ฐ๋ฆ„ (com.ํšŒ์‚ฌ์ด๋ฆ„.ํ”„๋กœ์ ํŠธ๋ช…) ํด๋ž˜์Šค(class) ๊ฐ€์žฅ ํ•˜์œ„์˜ ์†Œ์Šค์ฝ”๋“œ ํŒŒ์ผ ๋Œ€๋ฌธ์ž ๋ช…์‚ฌ๋กœ ์‹œ์ž‘ ๐Ÿ“– ํด๋ž˜์Šค ๋งŒ๋“ค๊ธฐ ์ž๋ฐ” ํ”„๋กœ๊ทธ๋žจ์˜ ์ž‘์„ฑ์— ์žˆ์–ด ๊ฐ€์žฅ ๊ธฐ๋ณธ์ ์ด๋ฉด์„œ๋„ ์ค‘์š”ํ•œ ๊ฒƒ์€, ํด๋ž˜์Šค๋ฅผ ๋งŒ๋“ค๊ณ , ๊ทธ ์•ˆ์— ๋ณ€์ˆ˜, ์ƒ์ˆ˜, ํ•จ์ˆ˜(๋ฉ”์†Œ๋“œ) ๋“ฑ ๋ชจ๋“  ํ”„๋กœ๊ทธ๋žจ ์š”์†Œ๋ฅผ ์ž‘์„ฑํ•œ๋‹ค๋Š” ์ . ํด๋ž˜์Šค ๋ฐ”๊นฅ์— ์–ด๋–ค ๊ฒƒ๋„ ์ž‘์„ฑํ•ด์„œ๋Š” ์•ˆ๋œ๋‹ค. public์€ ์ž๋ฐ”์˜ ์ ‘๊ทผ์ง€์ •์ž(access sp..

full stack/JAVA 2023. 3. 21. 21:05
[JAVA] ์—ฐ์‚ฐ - ์‚ฐ์ˆ  ์—ฐ์‚ฐ

2023.03.21 ํ•™์Šต๋‚ด์šฉ ๐Ÿ”Ž ์—ฐ์‚ฐ ์ •ํ•ด์ง„ ๊ทœ์น™์— ๋”ฐ๋ผ ๋ฐ์ดํ„ฐ๋ฅผ ์ฒ˜๋ฆฌํ•˜์—ฌ ๊ฒฐ๊ณผ๋ฅผ ์‚ฐ์ถœํ•˜๋Š” ๊ฒƒ ์ฃผ์–ด์ง„ ์‹(expression)์„ ๊ณ„์‚ฐํ•˜์—ฌ ๊ฒฐ๊ณผ๋ฅผ ์–ป์–ด๋‚ด๋Š” ๊ณผ์ • ์‹ : ์—ฐ์‚ฐ์˜ ๊ณผ์ •์„ ๊ธฐ์ˆ ํ•œ ๊ฒƒ ์—ฐ์‚ฐ์ž : ์—ฐ์‚ฐ์— ์‚ฌ์šฉ๋˜๋Š” ๊ธฐํ˜ธ ํ”ผ์—ฐ์‚ฐ์ž(ํ•ญ) : ์—ฐ์‚ฐ์œผ๋กœ ์ด๋ฃจ์–ด์ง€๋Š” ๋ฐ์ดํ„ฐ ํ”ผ์—ฐ์‚ฐ์ž์˜ ๊ฐœ์ˆ˜์— ๋”ฐ๋ผ ์—ฐ์‚ฐ์ž๋ฅผ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ์Œ 1. ๋‹จํ•ญ์—ฐ์‚ฐ์ž : ์ฆ๊ฐ์—ฐ์‚ฐ์ž 2. ์ดํ•ญ์—ฐ์‚ฐ์ž : ๋Œ€์ž…์—ฐ์‚ฐ์ž, ์‚ฐ์ˆ ์—ฐ์‚ฐ์ž, ๋น„๊ต์—ฐ์‚ฐ์ž, ๋…ผ๋ฆฌ์—ฐ์‚ฐ์ž, ๋น„ํŠธ์—ฐ์‚ฐ์ž, ์‹œํ”„ํŠธ์—ฐ์‚ฐ์ž (๋น„ํŠธ์—ฐ์‚ฐ์ž์™€ ์‹œํ”„ํŠธ์—ฐ์‚ฐ์ž๋Š” ๋งŽ์ด ์“ฐ์ด์ง€ ์•Š์ง€๋งŒ ์€ํ–‰์—์„œ ๊ณ„์‚ฐ์„ ๋น ๋ฅด๊ฒŒ ํ•ด์•ผํ•  ๋•Œ ์‚ฌ์šฉ) 3. ์‚ผํ•ญ์—ฐ์‚ฐ์ž : ์‚ผํ•ญ์—ฐ์‚ฐ์ž ์—ฐ์‚ฐ์˜ ์ข…๋ฅ˜ ์—ฐ์‚ฐ์ž ์—ฐ์‚ฐ์˜ ์ข…๋ฅ˜ ์—ฐ์‚ฐ์ž ์ฆ๊ฐ ++ -- ๋น„ํŠธ & | ^ ~ ์‚ฐ์ˆ  + - * / % ๋…ผ๋ฆฌ && || ! ^ ์‹œํ”„ํŠธ >> >> ์กฐ๊ฑด ? :..

full stack/JAVA 2023. 3. 21. 18:50
[Oracle Database] SELECT - ๋ฐ์ดํ„ฐ ์กฐํšŒ, DISTINCT, AS / WHERE / AND, OR ์—ฐ์‚ฐ์ž

2023.03.16 ~ ํ•™์Šต ๋‚ด์šฉ ์ฐธ๊ณ ์ž๋ฃŒ : ์˜ค๋ผํด๋กœ ๋ฐฐ์šฐ๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ž…๋ฌธ ๐Ÿ”Ž ์‹ค๋ฌด์—์„œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” SQL, ์กฐํšŒ(SELECT) SQL ์ž‘์„ฑ ๊ทœ์น™ 1. ํ•œ ์ค„ ์ฃผ์„ : ' -- ' 2. ์—ฌ๋Ÿฌ ์ค„ ์ฃผ์„ : ' /* */ ' 3. ํ•ญ์ƒ ๋ฌธ๋ฒ•์ด ๋๋‚˜๋ฉด ' ; ' ์ž‘์„ฑ 4. ๋ฌธ์ž์—ด ์ž‘์„ฑ ์‹œ์—๋Š” ์ž‘์Œ ๋”ฐ์˜ดํ‘œ( ' ' ) ์‚ฌ์šฉ 5. SQL๋ฌธ์€ ์‹คํ–‰ ์ˆœ์„œ๊ฐ€ ์ค‘์š”ํ•จ ๐Ÿ“– SQL ์‹คํ–‰ ์ˆœ์„œ ์ฝ”๋“œ ์ž‘์„ฑ์‹œ SELECT์™€ FROM์€ ํ•„์ˆ˜๋กœ ์ž‘์„ฑํ•˜๋ฉฐ ๋‚˜๋จธ์ง€๋Š” ํ•„์š”์— ๋”ฐ๋ผ ์ž‘์„ฑ ๐Ÿ“– SELECT๋ฌธ์˜ ๊ธฐ๋ณธ ํ˜•์‹ โš™ DESC DESC๋กœ ํ…Œ์ด๋ธ”์˜ ๊ตฌ์„ฑ ํ™•์ธ โ€ป ์˜๋ฌธ์€ ํ•œ ๊ธ€์ž๋‹น 1byte, ํ•œ๊ธ€์€ ํ•œ ๊ธ€์ž๋‹น 2byte๋ฅผ ์ฐจ์ง€ โ€ป SQL๋ฌธ์„ ์ž‘์„ฑํ•  ๋•Œ ํ…Œ์ด๋ธ” ์ด๋ฆ„๊ณผ ์—ด ์ด๋ฆ„์€ ๋Œ€๋ฌธ์ž๋กœ ์“ฐ๊ธฐ๋ฅผ ๊ถŒ์žฅ. SQL๋ฌธ์€ ๋Œ€์†Œ๋ฌธ์ž๋ฅผ ๊ตฌ๋ถ„ํ•˜..

full stack/database 2023. 3. 19. 14:07
[Oracle Database] ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๊ฐœ๋… ์žก๊ธฐ

2023.03.15 ์ˆ˜์—… ๋‚ด์šฉ ์ฐธ๊ณ ์ž๋ฃŒ : ์˜ค๋ผํด๋กœ ๋ฐฐ์šฐ๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ž…๋ฌธ ์ˆ˜์—… ๋ชฉ์  ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ๊ด€๋ จ๋œ ์šฉ์–ด ๋ฐ ๊ฐœ๋…์„ ์„ค๋ช…ํ•œ ํ›„ ์˜ค๋ผํด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์„ค์น˜ํ•˜๊ณ  ์˜ค๋ผํด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ๋” ํŽธ๋ฆฌํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋„๊ตฌ ์†Œ๊ฐœ ๐Ÿ”Ž ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๐Ÿ“– ๋ฐ์ดํ„ฐ์™€ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค, DBMS ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋Š” ๋ฐ์ดํ„ฐ(data)์™€ ๋ฒ ์ด์Šค(base)์˜ ํ•ฉ์„ฑ์–ด DBMS๋Š” Database Management System์˜ ์•ฝ์ž๋กœ '๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๊ด€๋ฆฌ ์‹œ์Šคํ…œ'์„ ์˜๋ฏธ โš™ ๋ฐ์ดํ„ฐ vs ์ •๋ณด ๋ฐ์ดํ„ฐ ์–ด๋–ค ํ•„์š”์— ์˜ํ•ด ์ˆ˜์ง‘ํ–ˆ์ง€๋งŒ ์•„์ง ํŠน์ • ๋ชฉ์ ์„ ์œ„ํ•ด ํ‰๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์ •์ œํ•˜์ง€ ์•Š์€ ๊ฐ’์ด๋‚˜ ์‚ฌ์‹ค ๋˜๋Š” ์ž๋ฃŒ ์ž์ฒด ์ •๋ณด ์ˆ˜์ง‘ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์–ด๋– ํ•œ ๋ชฉ์ ์„ ์œ„ํ•ด ๋ถ„์„ํ•˜๊ฑฐ๋‚˜ ๊ฐ€๊ณตํ•˜์—ฌ ๊ฐ€์น˜๋ฅผ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์ƒˆ๋กœ์šด ์˜๋ฏธ๋ฅผ ์ด๋Œ์–ด ๋‚ผ ์ˆ˜ ์žˆ๋Š” ๊ฒฐ๊ณผ ์ฆ‰, ์ˆ˜์ง‘ํ•œ ๋ฐ์ด..

full stack/database 2023. 3. 19. 12:18
[Full Stack SW์œตํ•ฉ ์‹ค๋ฌด ๋ถ€ํŠธ์บ ํ”„] computer science ์ปดํ“จํ„ฐ ๊ธฐ๋ณธ ์šฉ์–ด & ์ปดํ“จํŒ… ์‚ฌ๊ณ  (2023.03.14)

๊ฐœ๋ฐœ์ž๋กœ ์„ฑ๊ณต์ ์œผ๋กœ ์ทจ์—…ํ•˜๊ธฐ ์œ„ํ•ด ํ•„์š”ํ•œ ๊ฒƒ! (์ถ”์ฒœ์˜์ƒ) ๐Ÿ”Ž ์ปดํ“จํ„ฐ ๊ธฐ๋ณธ ์šฉ์–ด ๐Ÿ“– ํ•˜๋“œ์›จ์–ด(Hardware) ๋ฌผ๋ฆฌ์ ์ธ ์žฅ์น˜ โš™ ํ•˜๋“œ์›จ์–ด ์ข…๋ฅ˜ CPU(central processing unit) ์ปดํ“จํ„ฐ์˜ ๋‘๋‡Œ ์—ญํ•  ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅ๋œ ๋ช…๋ น์–ด๋ฅผ ์ฝ์–ด ๋“ค์ด๊ณ  ์ฝ์–ด ๋“ค์ธ ๋ช…๋ น์–ด๋ฅผ ํ•ด์„ํ•˜๊ณ  ์‹คํ–‰ ์‚ฐ์ˆ  ๋…ผ๋ฆฌ ์—ฐ์‚ฐ, ์ œ์–ด ๋“ฑ์„ ๋‹ด๋‹น ์ฃผ๊ธฐ์–ต์žฅ์น˜(๋ฉ”๋ชจ๋ฆฌ) ํ˜„์žฌ ์‹คํ–‰๋˜๋Š” ํ”„๋กœ๊ทธ๋žจ์˜ ๋ช…๋ น์–ด์™€ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋Š” ์žฅ์น˜ ํ”„๋กœ๊ทธ๋žจ์ด ์‹คํ–‰๋˜๋ ค๋ฉด ๋ฐ˜๋“œ์‹œ ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅ๋˜์–ด ์žˆ์–ด์•ผ ํ•จ RAM(Read Access Memory) : ์ผ๋ฐ˜์ ์œผ๋กœ ๋ฉ”๋ชจ๋ฆฌ๋ผ๊ณ  ํ•˜๋Š” ๊ฒƒ์€ ์ด๊ฒƒ์„ ์นญํ•จ. ํœ˜๋ฐœ์„ฑ ์žฅ์น˜ ROM(Read Only Memory) : ์ฝ๊ธฐ๋งŒ ๊ฐ€๋Šฅํ•˜๋ฉฐ ๋น„ํœ˜๋ฐœ์„ฑ ์žฅ์น˜ ๋ฉ”๋ชจ๋ฆฌ์— ์ €์žฅ๋˜๋Š” ๋ฐ์ดํ„ฐ๋Š” 0๊ณผ 1 ์ตœ์†Œ ๋‹จ์œ„๋Š” 1bit 1byte = 8bit..

full stack 2023. 3. 14. 20:18
HTML ํ•ต์‹ฌ ๊ฐœ๋…

2023.03.06 ์ฝ”๋“œ์ž‡ ํ•™์Šต ๋‚ด์šฉ ๐Ÿ”Ž HTML (Hypertext Markup Language) - Hypertext(ํ•˜์ดํผํ…์ŠคํŠธ) : ์„œ๋กœ ๋งํฌ๋กœ ์—ฐ๊ฒฐ๋œ ๋ฌธ์„œ - Markup Language(๋งˆํฌ์—… ๋žญ๊ท€์ง€) : ๋งˆํฌ์—… ํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด → mark something up : ํ‘œ์‹œํ•˜๋‹ค โ–ถ ๋‚ด์šฉ์— ์ถ”๊ฐ€์ ์ธ ์ •๋ณด๋ฅผ ํ‘œ์‹œํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด - ์ฆ‰, ๋งํฌ๋กœ ์—ฐ๊ฒฐ๋œ ๋ฌธ์„œ๋ฅผ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉํ•˜๋Š”, ๋‚ด์šฉ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ฌธ์„œ์˜ ๊ตฌ์กฐ์™€ ์˜๋ฏธ(h1, p, button ๋“ฑ)์™€ ๊ฐ™์€ ์ถ”๊ฐ€์ ์ธ ์ •๋ณด๊นŒ์ง€ ํ‘œ์‹œํ•˜๋Š” ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด ๐Ÿ“– HTML์˜ ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ... ๋‚ด์šฉ html์€ ํƒœ๊ทธ๋กœ ์ž‘์„ฑ ํƒœ๊ทธ๋Š” ๊ธฐํ˜ธ๋กœ ๊ฐ์‹ธ์ ธ ์žˆ์Œ ์‹œ์ž‘ํƒœ๊ทธ, ์ข…๋ฃŒํƒœ๊ทธ ์‹œ์ž‘..

full stack/HTML, CSS 2023. 3. 6. 19:04
[์šด๋™ ๊ธฐ๋ก ์›นํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ] css ์Šคํƒ€์ผ์‹œํŠธ ์ž‘์„ฑํ•˜๊ธฐ (2023.03.04)

์–ด์ œ CSS ํ•ต์‹ฌ ๊ฐ•์˜๋ฅผ ๋‹ค ๋“ฃ๊ณ  ์˜ค๋Š˜ ๋‚ด๊ฐ€ ๋งŒ๋“  ์›นํŽ˜์ด์ง€์— ์Šคํƒ€์ผ์„ ์ž…ํ˜€๋ณด์•˜๋‹ค. ์นด์นด์˜ค์˜ค๋ธ์œผ๋กœ ๋งŒ๋“  ์Šคํ† ๋ฆฌ๋ณด๋“œ ๋””์ž์ธ์„ ๊ธฐ๋ณธ์œผ๋กœ ํ–ˆ์œผ๋‚˜, ํฐํŠธ ํฌ๊ธฐ๋‚˜ ์—ฌ๋ฐฑ ๋“ฑ์€ ์ž„์˜๋กœ css๋กœ ์ง์ ‘ ์ฝ”๋”ฉ์„ ํ•ด๋ณด๋ฉด์„œ ์ ๋‹นํ•˜๊ฒŒ ์กฐ์ ˆํ•˜์˜€๋‹ค. ๐Ÿ”Ž css ์ฝ”๋“œ ์ž‘์„ฑ ๊ฒฐ๊ณผ ๊ฐ„๋‹จํ•œ ์›นํŽ˜์ด์ง€๋ผ์„œ ๋™์ผํ•œ ๋””์ž์ธ์˜ ๊ตฌ์กฐ๊ฐ€ ๋งŽ์•„ ์ž‘์„ฑ์ด ์–ด๋ ต์ง€ ์•Š์•˜๋‹ค. ์ž‘์„ฑํ•˜๋ฉด์„œ ๋ชจ๋ฅด๋Š” ๋ถ€๋ถ„์€ ๊ตฌ๊ธ€๋ง์„ ํ†ตํ•ด ํ•ด๊ฒฐํ•˜์˜€๊ณ , ๊ทธ ๋‚ด์šฉ์€ ์•„๋ž˜์™€ ๊ฐ™๋‹ค. ๐Ÿ“– Div ํƒœ๊ทธ ์ค‘์•™์— ์ •๋ ฌํ•˜๊ธฐ Div ํƒœ๊ทธ์— Width๋ฅผ ์„ค์ •ํ•˜๊ณ  margin ์˜ค๋ฅธ์ชฝ, ์™ผ์ชฝ ๊ฐ’์„ auto๋กœ ์„ค์ • โ–ผ html ์ฝ”๋“œ โ–ผ โ–ผ CSS ์ฝ”๋“œ โ–ผ ๐Ÿ“– ํ•œ ์ค„ ๋ฌธ์žฅ ์–‘์ชฝ ์ •๋ ฌํ•˜๊ธฐ ํ•œ ์ค„์งœ๋ฆฌ ๋ฌธ์žฅ์„ ์–‘์ชฝ ์ •๋ ฌํ•˜๊ณ  ์‹ถ์–ด text-align: justify๋ฅผ ์ ์šฉํ–ˆ์ง€๋งŒ ์ ์šฉ๋˜์ง€ ์•Š์•˜์Œ. ์—ฌ๋Ÿฌ ์ค„์ผ ๊ฒฝ์šฐ์—๋Š” ์ •๋ ฌ..

project 2023. 3. 4. 20:01