• Mindscape ๐Ÿ”ฅ
    • Playlist ๐ŸŽง
  • Algorithm

    • 1018๋ฒˆ: ์ฒด์ŠคํŒ ๋‹ค์‹œ ์น ํ•˜๊ธฐ
    • 1966๋ฒˆ: ํ”„๋ฆฐํ„ฐ ํ
    • Python ์‹œ๊ฐ„ ์ดˆ๊ณผ ๋ฐฉ์ง€๋ฅผ ์œ„ํ•œ ํŒ
    • C++ std::vector ์‚ฌ์šฉ๋ฒ• ์ •๋ฆฌ
    • Vim ์‚ฌ์šฉ ๋งค๋‰ด์–ผ
  • Ubuntu

    • ๋ฆฌ๋ˆ…์Šค ์šฐ๋ถ„ํˆฌ GRUB ํฐํŠธ ๋ณ€๊ฒฝ
    • ์šฐ๋ถ„ํˆฌ ์ด๋ฏธ์ง€ ๋น„๋””์˜ค ์ธ๋„ค์ผ(๋ฏธ๋ฆฌ๋ณด๊ธฐ) ์•ˆ ๋ณด์ž„ ๋ฌธ์ œ ํ•ด๊ฒฐ
    • Wine ํ™˜๊ฒฝ์—์„œ ์นด์นด์˜คํ†ก ์‹คํ–‰ ์‹œ explorer.exe ๋œจ์ง€ ์•Š๊ฒŒ ํ•˜๋Š” ๋ฒ•
    • ์šฐ๋ถ„ํˆฌ Wine ์นด์นด์˜คํ†ก ์‚ฌ์ง„ ์ด๋ฏธ์ง€ ์Šคํฌ๋ฆฐ์ƒท ๋ถ™์—ฌ๋„ฃ๊ธฐ
    • Wine ์นด์นด์˜คํ†ก ์ด๋ชจ์ง€ ๊นจ์ง ๋ฌธ์ œ ํ•ด๊ฒฐ
    • Ubuntu ์œˆ๋„์šฐ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋„๊ธฐ
  • Wellness

    • ์ฐจ์ „์žํ”ผ (Psyllium Husk)
    • ์—‘์ŠคํŠธ๋ผ ๋ฒ„์ง„ ์˜ฌ๋ฆฌ๋ธŒ์œ  (Extra Virgin Olive Oil)
    • ์ž๊ฐ€๋น„๊ฐ•์„ธ์ฒ™ (Nasal Irrigation)
    • QCY HT08 (MeloBuds Pro Plus)
    • ์ฝ˜์„œํƒ€ (Concerta)
    • ์ธ๋ฐ๋†€ (Inderal)
    • ์„คํŠธ๋ž„๋ฆฐ (Sertraline)
    • ๋ฉœ๋ผํ† ๋‹Œ (Melatonin)
    • ์น˜๊ฒฝ๋ถ€ ๋งˆ๋ชจ์ฆ
    • ๋ฐ”๋ฒจ ์Šค์ฟผํŠธ (Barbell Squat)
  • Humanities

    • Nordvik, Russia
    • North Sentinel Island
    • ๋กฑ๊ณ ๋กฑ๊ณ (Rongorongo)
    • ๋ฐ”๋กœํฌ ์Œ์•… (Baroque Music)
  • Design

    • ๊ตฌ๊ธ€์˜ ์•„์ด์ฝ˜ ๋Œ€๊ฐœํŽธ โ€” 6๋…„ ๋งŒ์˜ ์‹ค์ˆ˜ ์ธ์ •
    • ์ œ๋Ÿด๋“œ ์  ํƒ€ โ€” ๋Ÿญ์…”๋ฆฌ ์Šคํฌ์ธ  ์›Œ์น˜์˜ ์ฐฝ์‹œ์ž
    • ๋ฐ”์šฐํ•˜์šฐ์Šค โ€” ํ˜„๋Œ€ ๋””์ž์ธ์˜ ์›์ 
  • Brands

    • NOMOS Glashรผtte
    • Frรฉdรฉrique Constant
    • KZ (Knowledge Zenith)
    • ์—์ŠคํŠธ๋ผ (AESTURA)
    • JINHAO (้‡‘่ฑช)
    • Herman Miller
    • ๋ฐ์Šค์ปค (DESKER)
    • ๋ฌด์‹ ์‚ฌ ์Šคํƒ ๋‹ค๋“œ (Musinsa Standard)
  • Finance

    • ํ˜„๋Œ€์นด๋“œ ZERO โ€” Edition2 vs Edition3 ๋น„๊ต
    • ์‹ ํ•œ์นด๋“œ ์ฒ˜์Œ
    • S&P 500 ETF ํˆฌ์ž ๊ฐ€์ด๋“œ
    • ํŒŒํ‚นํ†ต์žฅ vs CMA ํ†ต์žฅ
    • ๋ฒ„ํฌ์…” ํ•ด์„œ์›จ์ด (Berkshire Hathaway)
    • ๋น„ํŠธ์ฝ”์ธ(Bitcoin)
  • Products

    • ์˜ค๋””์˜ค ์ธํ„ฐํŽ˜์ด์Šค (Audio Interface)
    • ์ฟ ๋ฃจํ† ๊ฐ€ (KURUTOGA)
    • CX31993 DAC ๋™๊ธ€
    • ํด๋ Œ์ง• ๋ฐ€ํฌ (Cleansing Milk)
    • ํ”ผ์ ฏ ํ† ์ด (Fidget Toy)
    • ThinkPad
  • Programming Languages

    • 8.0. Statement Level Control Structures
    • 8. Subprogram
    • 9. Implementing Subprogram
    • 10.1. Abstract Data Types and Encapsulation Constructs
    • 10.2. Support for Object Oriented Programming
    • 11. Concurrency
    • 12. FPL (1)
    • 13. FPL (2)
    • 14. Exception Handling and Event Handling
    • Final Exam

Assignment 2-2. Web Application Development

์ž‘์„ฑ 2026. 6. 12.ยท์ˆ˜์ • 2026. 6. 12.

๋ชฉํ‘œ

  • Assignment 2-1์—์„œ ์„ค๊ณ„ํ•œ Relation schema๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ Web Application ๊ตฌํ˜„
  • ์œ„์˜ ๊ณผ์ • ์ˆ˜ํ–‰ ๋‚ด์šฉ์„ ๋‹ด์€ wiki(์œ„ํ‚ค) ์ž‘์„ฑ
  • ๊ตฌํ˜„ํ•œ Web Application์„ ๋ฐฐํฌํ•˜์—ฌ ํƒ€์ธ์ด ์ ‘์†ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•  ๊ฒƒ. (๊ถŒ์žฅ)
  • ๋ฐฐํฌ๊ฐ€ ๋ถˆ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ๋ชจ๋“  ์š”๊ตฌ์‚ฌํ•ญ์ด ์ •์ƒ์ ์œผ๋กœ ๋™์ž‘ํ•จ์„ ๋ณด์—ฌ์ฃผ๋Š” ์‹œ์—ฐ ์˜์ƒ ์ œ์ž‘

์ œ์ถœ ๋ฐฉ์‹

  • Web Application ๊ตฌํ˜„ ์ฝ”๋“œ๋Š” GitHub Repository(GitHub ๋ฆฌํฌ์ง€ํ† ๋ฆฌ)๋ฅผ ์ด์šฉํ•˜์—ฌ ์ œ์ถœ
  • Wiki๋Š” LMS(ํ•™์Šต ๊ด€๋ฆฌ ์‹œ์Šคํ…œ) ๊ณผ์ œ ํƒญ์— ์ œ์ถœ
  • wiki ํŒŒ์ผ ์ด๋ฆ„์€ assignment2_2_2021024057_๊น€๋ณ‘์ค€.pdf์œผ๋กœ ํ•  ๊ฒƒ.

์ œ์ถœ ๊ธฐํ•œ

  • ์ •์‹ ์ œ์ถœ: 2025๋…„ 10์›” 23์ผ 23์‹œ 59๋ถ„
  • ์ดํ›„ ์ œ์ถœ ์‹œ 3์‹œ๊ฐ„๋งˆ๋‹ค ์ „์ฒด ๋“์ ์—์„œ 5% ๊ฐ์ 
  • ์ œ์ถœ ๊ธฐํ•œ ์ดํ›„ 1๋ถ„ ~ 3์‹œ๊ฐ„ ์‚ฌ์ด์— ์ œ์ถœ: ์ฑ„์  ํ›„ 100์  ๋“์  ์‹œ ์ตœ์ข… ์ ์ˆ˜ 95์ 
  • ์ œ์ถœ ๊ธฐํ•œ 60์‹œ๊ฐ„ ์ดํ›„ ์ œ์ถœ ์‹œ 0์ 

Implement

  • Assignment 2-1์—์„œ ์ •์˜ํ•œ ๋ชจ๋“  ์š”๊ตฌ์‚ฌํ•ญ์„ ์ถฉ์กฑํ•˜๋Š” Application(์• ํ”Œ๋ฆฌ์ผ€์ด์…˜) ๊ตฌํ˜„
  • ๋ฐฑ์—”๋“œ ๋ฐ ํ”„๋ก ํŠธ์—”๋“œ ๊ตฌํ˜„์— ์‚ฌ์šฉํ•˜๋Š” ๊ธฐ์ˆ  stack์—๋Š” ์ œ์•ฝ์ด ์—†์œผ๋‚˜ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋Š” ๋ฐ˜๋“œ์‹œ MySQL ์‚ฌ์šฉ
  • ์•„๋ž˜ ๋งํฌ์˜ repository๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ณผ์ œ ์ˆ˜ํ–‰ ํ›„ github์— push(ํ‘ธ์‹œ)
    • https://classroom.github.com/a/B_yC7dWd
  • ๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๊ณต๋˜๋Š” ์Šค์ผˆ๋ ˆํ†ค ์ฝ”๋“œ๋ฅผ ์ด์šฉํ•˜๊ฑฐ๋‚˜, ์ด์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ์—๋„ ์œ„์˜ ๋งํฌ์˜ repository์— ๊ณผ์ œ ์ˆ˜ํ–‰๋ฌผ ์ œ์ถœ
  • UI(์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค)์˜ ์‹ฌ๋ฏธ์„ฑ์€ ํ‰๊ฐ€ ๋Œ€์ƒ์—์„œ ์ œ์™ธ, ๊ธฐ๋Šฅ ๊ตฌํ˜„์— ์ง‘์ค‘ํ•  ๊ฒƒ.
  • UX(์‚ฌ์šฉ์ž ๊ฒฝํ—˜)์— ์•…์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์š”์†Œ๊ฐ€ ์กด์žฌํ•  ๊ฒฝ์šฐ ๊ฐ์  ๋ฐœ์ƒ
    • ์˜ˆ: ์ด์ „ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•ด์•ผ ํ•  ์ƒํ™ฉ์— ๋’ค๋กœ ๊ฐ€๊ธฐ ๋ฒ„ํŠผ์ด ์—†๋Š” ๊ฒฝ์šฐ

Deploy (recommend)

  • AWS, GCP ๋“ฑ Cloud Service(ํด๋ผ์šฐ๋“œ ์„œ๋น„์Šค)๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐœ๋ฐœํ•œ Web application๋ฅผ ๋ฐฐํฌํ•˜๊ณ  ๊ณต๊ฐœ์ ์œผ๋กœ ์ ‘๊ทผ ๊ฐ€๋Šฅํ•˜๋„๋ก ํ•  ๊ฒƒ.
  • ์ ‘์† ์ฃผ์†Œ๋ฅผ Wiki์— ๊ธฐ์ž…
  • IP ์ฃผ์†Œ ํ˜•ํƒœ๋กœ ๊ธฐ์ž…
  • ๋„๋ฉ”์ธ์„ ์‚ฌ์šฉํ•  ํ•„์š”๋Š” ์—†์Œ.
  • ๋ฐฐํฌ๋œ Web application์—์„œ ์š”๊ตฌ์‚ฌํ•ญ์˜ ๋ชจ๋“  ๋‚ด์šฉ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•  ๊ฒƒ.
  • ์ถฉ๋ถ„ํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์ค€๋น„

Demo Video

  • ๋ฐฐํฌ๊ฐ€ ๋ถˆ๊ฐ€๋Šฅํ•œ ๊ฒฝ์šฐ ์‹œ์—ฐ ์˜์ƒ์œผ๋กœ ๋Œ€์ฒด ๊ฐ€๋Šฅ
  • ์‹œ์—ฐ ์˜์ƒ์—๋Š” ๋ชจ๋“  ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ž์„ธํ•œ ์‹œ์—ฐ ๊ณผ์ •๊ณผ ๊ทธ์— ๋Œ€ํ•œ ์„ค๋ช…์ด ์Œ์„ฑ ํ˜น์€ ์ž๋ง‰์œผ๋กœ ํฌํ•จ๋˜์–ด์•ผ ํ•จ
  • ์œ ํŠœ๋ธŒ์— ์ผ๋ถ€ ๊ณต๊ฐœ๋กœ ์—…๋กœ๋“œ ํ›„ ์˜์ƒ URL์„ Wiki์— ๊ธฐ์ž…

Wiki

  • Wiki์— ํฌํ•จ๋˜์–ด์•ผ ํ•˜๋Š” ๊ฒƒ๋“ค
    • Web application ์ ‘์† ์ฃผ์†Œ/์‹œ์—ฐ ์˜์ƒ URL
    • ๊ตฌํ˜„ํ•œ application์„ local(๋กœ์ปฌ)์—์„œ ์‹คํ–‰ํ•˜๋Š” ๋ฐฉ๋ฒ•
    • ๊ตฌํ˜„ํ•œ ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์„ค๋ช…
    • application ๊ตฌํ˜„ ๊ณ„ํš์— ๋Œ€ํ•œ ์„ค๋ช… ๋ฐ ์ˆ˜ํ–‰ ๋‚ด์šฉ
    • ๊ณผ์ œ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋ฉฐ ๊ฒช์—ˆ๋˜ ์ฃผ์š” ๋ฌธ์ œ ๋ฐ ํ•ด๊ฒฐ ๊ณผ์ •
    • ๊ทธ ์ด์™ธ์— ๊ณผ์ œ๋ฅผ ์ˆ˜ํ–‰ํ•˜๋ฉฐ ์•Œ๊ฒŒ ๋œ ์‚ฌ์‹ค

๊ธฐํƒ€ ์ฃผ์˜์‚ฌํ•ญ

  • GitHub repository name์„ ๋ฐ˜๋“œ์‹œ Assignment2_2021024057๊ณผ ๊ฐ™์€ ์–‘์‹์œผ๋กœ ์„ค์ •
  • setting ๊ฐ•์˜์ž๋ฃŒ ์ฐธ๊ณ 
  • README.md์— ๋ณธ์ธ ์ด๋ฆ„๊ณผ ํ•™๋ฒˆ์„ ๋ฐ˜๋“œ์‹œ ์ž…๋ ฅ
  • ์›น ํ˜ธ์ŠคํŒ…๊ณผ ๊ด€๋ จ๋œ ์ •๋ณด๋“ค์ด ๋…ธ์ถœ๋˜์ง€ ์•Š๋„๋ก ์œ ์˜
    • API Key(API ํ‚ค), AWS ๊ณ„์ • ์ •๋ณด ๋“ฑ
์ตœ๊ทผ ์ˆ˜์ •: 26. 6. 12. ์˜คํ›„ 3:28
Contributors: kmbzn, Claude Sonnet 4.6

BUILT WITH

CloudflareNode.jsGitHubGitVue.jsJavaScriptVSCodenpm

All trademarks and logos are property of their respective owners.
ยฉ 2026 kmbzn ยท MIT License