Skip to content

3uomlkh/ctrls_miniproject

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

165 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ‘จโ€๐Ÿซ ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

4์กฐ 'ctrl+s' ๋ฏธ๋‹ˆํ”„๋กœ์ ํŠธ '์†Œ๋ชจ์ž„' ์ž…๋‹ˆ๋‹ค.

๐Ÿ”— ๋งํฌ

logo

๐Ÿ’ป ๊ฐœ๋ฐœ๊ธฐ๊ฐ„

2024.12.23(์›”) ~ 2024.12.27(๊ธˆ)

  • ์•„์ด๋””์–ด ๊ธฐํš ๐Ÿค”
  • ๊ฐœ๋ฐœ ๐Ÿง‘โ€๐Ÿ’ป
  • ๋ฐœํ‘œ ๐Ÿ—ฃ๏ธ

โœจ ๊ฐœ๋ฐœ์ž ์†Œ๊ฐœ

๐Ÿ“š STACKS


๐Ÿ“Œ ์ฃผ์š”๊ธฐ๋Šฅ

  1. ์‚ฌ์ดํŠธ ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ
  2. ์†Œ๋ชจ์ž„ ์ƒ์„ฑ / ์ฝ๊ธฐ / ์ˆ˜์ • / ์‚ญ์ œ
  3. ์†Œ๋ชจ์ž„ ์นดํ…Œ๊ณ ๋ฆฌ ๊ฒ€์ƒ‰
  4. ์†Œ๋ชจ์ž„ ๊ฐ€์ž…ํ•˜๊ธฐ / ํƒˆํ‡ดํ•˜๊ธฐ
  5. ๋Œ“๊ธ€ ์ƒ์„ฑ / ์ฝ๊ธฐ / ์ˆ˜์ • / ์‚ญ์ œ

๐Ÿ’ฌ ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ ํ›„๊ธฐ

  • ํŒ€์žฅ ์ด์ฑ„์›

์–ผ๋–จ๊ฒฐ์—(?) ํŒ€์žฅ์ด ๋˜์–ด๋ฒ„๋ ค ์ž˜ ์ด๋Œ์ง€ ๋ชปํ•ด์„œ ์ฃ„์†กํ•œ ๋งˆ์Œ๋„ ์žˆ์ง€๋งŒ, ์„ฑ๊ณต์ ์ธ ๋งˆ๋ฌด๋ฆฌ๋ฅผ ํ•˜๊ฒŒ ๋˜์–ด ๊ธฐ์ฉ๋‹ˆ๋‹ค. ์›น ๊ฐœ๋ฐœ๋กœ ํ˜‘์—…์„ ํ•ด๋ณธ ๊ฒƒ์€ ์ฒ˜์Œ์ด์–ด์„œ ๊ฑฑ์ •์ด์—ˆ๋Š”๋ฐ ํŒ€์› ๋ถ„๋“ค์ด ๊ฐ์ž์˜ ์—ญํ• ์„ ํ›Œ๋ฅญํ•˜๊ฒŒ ํ•ด๋‚ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋ถ„๋“ค์˜ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉฐ ์ด๋ ‡๊ฒŒ ํ•˜๋Š”๊ตฌ๋‚˜~ ํ•˜๋ฉด์„œ ๋ฐฐ์šฐ๊ธฐ๋„ ํ•˜๊ณ  ์ œ๊ฐ€ ์•Œ๊ณ  ์žˆ๋Š” ๊ฒƒ์„ ์•Œ๋ ค๋“ค๊ธฐ๋„ ํ•˜๋ฉด์„œ ํ•œ ๋‹จ๊ณ„ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ์˜€๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋˜, ์ œ๊ฐ€ ์ž˜ ์•Œ๊ณ  ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์ง€๋งŒ ๋ง‰์ƒ ์„ค๋ช…ํ•˜๋ ค๋‹ˆ ์–ด๋ ค์› ๋˜ ๋ถ€๋ถ„๋„ ์žˆ์–ด์„œ ๋” ์—ด์‹ฌํžˆ ๊ณต๋ถ€ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์ผ์ฃผ์ผ๋„ ์ฑ„ ๋˜์ง€ ์•Š์€ ์ž‘์€ ํ”„๋กœ์ ํŠธ์˜€์ง€๋งŒ ๋ชจ๋‘ ์ •๋ง์ •๋ง ์ˆ˜๊ณ ํ•˜์…จ์Šต๋‹ˆ๋‹ค! ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

  • ํŒ€์› ๋ฌธ์ •ํ˜ธ

์ƒ์— ์ฒซ ํ”„๋กœ์ ํŠธ์˜€๋Š”๋ฐ ์ง์ ‘ ์ด๋ ‡๊ฒŒ ๊ธฐ์ดˆ์ค‘์˜ ๊ธฐ์ดˆ๋งŒ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ƒํƒœ๋กœ ๊ฐ‘์ž๊ธฐ ํ”„๋กœ์ ํŠธ๋ฅผ ํ• ์ค„๋ชฐ๋ผ์„œ ๋‹นํ™ฉํ–ˆ์—ˆ์ง€๋งŒ ํ˜ผ์ž์„œ ๊ตฌ๊ธ€๋งํ•ด์„œ ์ฐพ์•„๋ณด๊ณ  ์ด์ฝ”๋“œ๊ฐ€ ๋ญ”์ง€ ์™œ์“ฐ๋Š”๊ฑด์ง€ ๊ณ ๋ฏผ์„ ํ•˜๊ณ  ์ง€์ธํ•œํ…Œ ๋ฌผ์–ด๋ณด๊ณ  ํŒ€์›,ํŒ€์žฅ๋‹˜๊ป˜๋ฌผ์–ด๋ณด๊ณ  ์ด๋ ‡๊ฒŒ ์ง์ ‘ ํ•ด๊ฒฐํ•˜๋ฉด์„œ ํ•˜๋ ค๋Š”๊ฒŒ ์ฒ˜์Œ์ด์˜€๋Š”๋ฐ. ์–ด๋–ป๊ฒŒ ์–ด๋–ป๊ฒŒ ์ž˜ ๋œ๊ฑฐ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ชจ์ž๋ž์ง€๋งŒ ๊ทธ๋ชจ์ž๋ž€ ๋ถ€๋ถ„์„ ํŒ€์›,ํŒ€์žฅ๋‹˜๋ถ„๋“ค์ด ์ฑ„์›Œ์ฃผ์‹œ๊ณ  ์ž˜์•Œ๋ ค์ฃผ์…”์„œ ์ž˜ ๋”ฐ๋ผ๊ฐ„๊ฑฐ๊ฐ™์Šต๋‹ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“œ๋ฉด์„œ๋„ ์ œ๊ฐ€ ์„ฑ์žฅํ•˜๋Š”๊ฑธ ๋ฐฐ์šด๊ฑฐ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋‹ค๋“ค ๊ณ ์ƒํ•˜์…ง์Šต๋‹ˆ๋‹ค~

  • ํŒ€์› ๊น€๋Œ€์ •

์Šคํฌ๋ฆฝํŠธ๋“ค์„ ๋ชจ๋“ˆํ™” ์‹œ์ผœ์„œ ์ •๋ฆฌํ•˜์‹œ๋Š” ๊ฒƒ์„ ๋ณด๊ณ  ์ด๋Ÿฐ์‹์œผ๋กœ ํ•˜๋Š”๊ฑฐ๊ตฌ๋‚˜ ๋งŽ์ด ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค. ์ด ๋ฐ–์—๋„ ์ œ๊ฐ€ ์ƒ๊ฐํ•˜์ง€ ๋ชปํ–ˆ๋˜ ๋ฐฉ์‹๋“ค์˜ ์ฝ”๋“œ๋“ค์„ ๋ณด๊ณ  ์ดํ•ดํ•˜๋ฉฐ ๊ณต๋ถ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๊ฐ€ ๋˜์—ˆ๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ชจ๋‘ ๋งŽ์ด ๋„์™€์ฃผ์…”์„œ ๊ฐ์‚ฌํ•˜๊ณ  ๊ณ ์ƒํ•˜์…จ์Šต๋‹ˆ๋‹ค.

  • ํŒ€์› ํ™ฉ๋ณด์Šน

๋ถ€ํŠธ ์บ ํ”„ 1์ฃผ์ฐจ์— ๋ฐ”๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ์ค„ ๋ชฐ๋ž๋˜ ํ„ฐ๋ผ ์ ์ง€ ์•Š๊ฒŒ ๋‹นํ™ฉ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์™•์ดˆ๋ณด ์›น๊ฐœ๋ฐœ ์ˆ˜์—…๋งŒ ๋“ฃ๊ณ  ๋ฌด์—‡์„ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์„๊นŒ ๊ฑฑ์ •์ด ์•ž์„ฐ์Šต๋‹ˆ๋‹ค. ์—ฌํ–‰ ๊ณ„ํš์ด ์žˆ๋˜ ํ„ฐ๋ผ ์ž ๊น ์ž๋ฆฌ๋ฅผ ๋น„์šฐ๊ฒŒ ๋˜์–ด ํ˜‘์—…์„ ๋งŽ์ด ํ•ด๋ณด์ง€ ๋ชปํ•ด ์†์ƒํ•˜์ง€๋งŒ ํ›Œ๋ฅญํ•œ ํŒ€์žฅ๋‹˜๊ณผ ํŒ€์›๋ถ„๋“ค์„ ๋งŒ๋‚˜ ์ƒ์†Œํ–ˆ๋˜ GIthub๋„ ์จ๋ณด๊ณ  ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ์กฐ๊ทธ๋งŒ CSS ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ๋„ ๋งˆ์Œ๋Œ€๋กœ ๋˜์ง€ ์•Š์•„ ์ด๊ฒƒ ์ €๊ฒƒ ์ฐพ์•„๋ณด๊ธฐ๋„ ํ•˜๊ณ  ํŒ€์›๋ถ„๋“ค์—๊ฒŒ ์กฐ์–ธ์„ ๊ตฌํ•˜๊ธฐ๋„ ํ•˜๋ฉด์„œ ์ฝ”๋“œ๋ฅผ ์งฐ๋˜ ๊ฒƒ์ด ๋ณด๋žŒ์ฐจ๊ณ  ์žฌ๋ฐŒ์—ˆ์Šต๋‹ˆ๋‹ค. ๋น„๋ก ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ์ง€๋งŒ ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™์•„ ํ˜‘์—…์˜ ์ค‘์š”์„ฑ์„ ๋А๋‚„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋“ค ๊ณ ์ƒ ๋งŽ์œผ์…จ์Šต๋‹ˆ๋‹ค! ๋‹ค์Œ๋ฒˆ์—๋„ ๊ฐ™์€ ํŒ€์›์œผ๋กœ ๋งŒ๋‚˜ ๋ต™๊ณ  ์‹ถ์–ด์š”~

  • ํŒ€์› ์ตœ์œ ๋ฆฌ

๋ถ€ํŠธ์บ ํ”„ ์‹œ์ž‘๋ถ€ํ„ฐ ์ง„ํ–‰๋œ ํŒ€ ํ”„๋กœ์ ํŠธ๋ผ ๋ถ€๋‹ด์ด ์žˆ์—ˆ์ง€๋งŒ ๋ชจ๋“  ํŒ€์›๋ถ„๋“ค๊ป˜์„œ ๋งก์€ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ํ›ˆ๋ จ ์‹œ๊ฐ„์— ์ง‘์ค‘ํ•˜์—ฌ ์ฐธ์—ฌํ•ด์ฃผ์…”์„œ ๋•๋ถ„์— 1์ฃผ์ฐจ ๋ฏธ๋‹ˆํ”„๋กœ์ ํŠธ๋ฅผ ๋งˆ๋ฌด๋ฆฌ ์ง€์„ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ํ˜‘์—…์„ ํ•˜๋ฉด์„œ ์ „๋‹ฌํ•˜๊ณ ์ž ํ•˜๋Š” ๋ฐ”๋ฅผ ๋ช…ํ™•ํ•˜๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ๊ฒŒ ์–ด๋ ค์› ๋Š”๋ฐ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ํ†ตํ•ด ํŒ€์›๋ถ„๋“ค๊ณผ ํ•จ๊ป˜ ์†Œ์Šค๋ฅผ ๊ณ ์ณ๋‚˜๊ฐ€๊ณ  ํ”ผ๋“œ๋ฐฑํ•˜๋ฉด์„œ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ๋Šฅ๋ ฅ๋„ ํ‚ค์šธ ์ˆ˜ ์žˆ์—ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ๊ผผ๊ผผํ•˜๊ฒŒ ์ง„ํ–‰ํ•˜์ง€ ๋ชปํ•œ ์ ์ด ์•„์‰ฌ์› ์ง€๋งŒ ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ ์†Œ์Šค๋ฅผ ๋ ˆ๊ฑฐ์‹œ๋กœํ•˜์—ฌ ๋ฐœ์ „์‹œ์ผœ๋ณด๋ฉด ๋˜ ์ข‹์€ ๊ฒฝํ—˜์ด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค! ๋‹ค๋“ค ์ˆ˜๊ณ  ๋งŽ์œผ์…จ์Šต๋‹ˆ๋‹ค!

About

๐Ÿ’ก ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ - ์†Œ๋ชจ์ž„

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • CSS 80.0%
  • JavaScript 10.0%
  • HTML 10.0%