Code Monkey home page Code Monkey logo

yard's Introduction

๐ŸŽต YARD

๐Ÿ—ฃ ํ”„๋กœ์ ํŠธ ์„ค๋ช…

ํ”ผ๋กœ๊ทธ๋ž˜๋ฐ 16๊ธฐ ์กธ์—… ํ”„๋กœ์ ํŠธ๋กœ 5๋ช…์ด ํŒ€์„ ์ด๋ค„ 3~4์ฃผ๊ฐ„ ์ง„ํ–‰ํ•œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

์ธ์Šคํƒ€๊ทธ๋žจ์ด ์‚ฌ์ง„์„ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ๋ผ๋ฉด, YARD๋Š” ์ข‹์•„ํ•˜๋Š” ์Œ์•…์„ ํƒœ๊ทธํ•˜์—ฌ ๋‹ค๋ฅธ ํŒฌ๋“ค๊ณผ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์ปค๋ฎค๋‹ˆํ‹ฐ์™€ ๋”๋ถˆ์–ด ๊ฐœ์ธ์ ์œผ๋กœ ์Œ์•…์„ ์ข‹์•„ํ•˜๊ฒŒ ๋œ ๋‚ ์งœ๋ฅผ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์Œ์•…๋งˆ๋‹ˆ์•„๋“ค์ด ๋ณธ์ธ์˜ ์•ˆ๋ชฉ์„ ์ฆ๋ช…ํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

(ํ˜„์žฌ๋Š” ๋น„์šฉ์ƒ์˜ ์ด์œ ๋กœ ์„œ๋ฒ„๋Š” ๋‹ซ์€ ์ƒํƒœ)

โš™๏ธ ์ฃผ์š” ๊ธฐ๋Šฅ ์†Œ๊ฐœ

  • ๊ฒŒ์‹œ๊ธ€ CRUD : ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ฒŒ์‹œ๊ธ€์˜ ์—ด๋žŒ, ์ž‘์„ฑ, ์ˆ˜์ •, ์‚ญ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • ์Œ์•… ๋ฐ์ดํ„ฐ ํ™œ์šฉ : ์Œ์•… API์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์™€ ์œ ์ €์˜ ๋ฎค์ง์นด๋“œ๋‚˜ ๊ฒŒ์‹œ๊ธ€ ์ƒ์„ฑ์— ํ™œ์šฉํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • ํ•ด์‹œํƒœ๊ทธ : ํ•ด์‹œํƒœ๊ทธ๋ฅผ ํ†ตํ•œ ํŠน์ • ๊ฒŒ์‹œ๊ธ€ ์—ด๋žŒ๊ณผ ๊ฐ™์€ ํ•„ํ„ฐ๋ง์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • AJAX : AJAX๋ฅผ ํ™œ์šฉํ•ด ์ปค๋ฎค๋‹ˆํ‹ฐ์˜ ์ข‹์•„์š”๊ฐ€ ๋ฆฌ๋””๋ ‰์…˜์—†์ด ์ฆ‰์‹œ ๋ฐ˜์˜๋ฉ๋‹ˆ๋‹ค.
  • ์œ ์ € ๊ด€๋ จ ๊ธฐ๋Šฅ : ๋กœ๊ทธ์ธ, ์†Œ์…œ๋กœ๊ทธ์ธ, ํšŒ์›๊ฐ€์ž…, ๋น„๋ฐ€๋ฒˆํ˜ธ ์ˆ˜์ •, ์œ ์ € ์ •๋ณด ์ˆ˜์ • ๋“ฑ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

โœ๏ธ ์‚ฌ์šฉ๋œ ๊ธฐ์ˆ ์ข…๋ฅ˜์™€ ๊ธฐ์ˆ  ์„ค๋ช…

  • Django : ํŒŒ์ด์ฌ ์–ธ์–ด ๊ธฐ๋ฐ˜์˜ ๋ฐฑ์—”๋“œ ์„œ๋ฒ„ ํ”„๋ ˆ์ž„์›Œํฌ. ์„œ๋ฒ„ ๋กœ์ง ๊ตฌ์ถ•, ์†์‰ฌ์šด DB ์ ‘๊ทผ, ์žฅ๊ณ  ํ…œํ”Œ๋ฆฟ์„ ํ†ตํ•œ ํŽ˜์ด์ง€ ๊ตฌ์„ฑ
  • HTML, CSS : ์›น์‚ฌ์ดํŠธ์˜ ๊ณจ๊ฒฉ๊ณผ ๋””์ž์ธ
  • Vanilla Javascript : AJAX ๋ฐ ๋™์  ์›น์‚ฌ์ดํŠธ ๊ตฌ์„ฑ
  • AWS EC2 + WSGI + NGINX : ์‹ค์ œ ์„œ๋น„์Šค์šฉ์œผ๋กœ ์„œ๋ฒ„ ๋ฐฐํฌ

๐Ÿ’ก ์‚ฌ์ดํŠธ ์ด๋ฏธ์ง€์™€ ์„ค๋ช…

ํ™ˆ

  • ํ•ด์‹œํƒœ๊ทธ ์ถ”์ฒœ
  • ๊ฒ€์ƒ‰์„ ํ†ตํ•ด ์›ํ•˜๋Š” ํƒœ๊ทธ๊ฐ€ ํฌํ•จ๋œ ๊ฒŒ์‹œ๊ธ€์„ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

iShot_2022-10-12_23 00 27

์Œ์•… ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”ผ๋“œ

  • ์ปค๋ฎค๋‹ˆํ‹ฐ์˜ ์ „์ฒด ํ”ผ๋“œ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์›ํ•˜๋Š” ํ•ด์‹œํƒœ๊ทธ๋กœ ํ•„ํ„ฐ๋งํ•˜์—ฌ ๊ฒŒ์‹œ๊ธ€์„ ์—ด๋žŒํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ๋งˆ์Œ์— ๋“œ๋Š” ๊ธ€์—๋Š” ์ข‹์•„์š”๋ฅผ ๋ˆ„๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

iShot_2022-10-12_23 13 49

๋‚ด๊ฐ€ ์ข‹์•„ํ•œ ์Œ์•…๋“ค ์ €์žฅ

  • ๋‚ด๊ฐ€ ์ข‹์•„ํ•œ ๋…ธ๋ž˜๋ฅผ ์นด๋“œ๋กœ ๋“ฑ๋กํ•˜์—ฌ ํ”„๋กœํ•„์— ์†Œ์žฅํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์‚ฌ์ดํŠธ๋Š” ์œ ์ €๊ฐ€ ์–ด๋–ค ๋…ธ๋ž˜๋ฅผ ์–ธ์ œ๋ถ€ํ„ฐ ์ข‹์•„ํ–ˆ๋Š”์ง€๋ฅผ ๋ณด์žฅํ•ด์ค๋‹ˆ๋‹ค.
  • ์‹œ๊ธฐ ๋ณ„๋กœ ์–ด๋–ค ๋…ธ๋ž˜๋ฅผ ์ข‹์•„ํ–ˆ๋Š”์ง€๋„ ์ „์ฒด์ ์œผ๋กœ ์—ด๋žŒ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

iShot_2022-10-12_23 22 20

์œ ์ € ์ธ์ฆ ๋ฐ ํ”„๋กœํ•„ ๊ด€๋ จ ๊ธฐ๋Šฅ

  • ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ ๋ฐ ์œ ์ €์ •๋ณด ์ˆ˜์ •, ์ด๋ฉ”์ผ ์ธ์ฆ ๊ธฐ๋Šฅ ๋“ฑ์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค.

iShot_2022-10-12_23 31 47

iShot_2022-10-12_23 32 07

iShot_2022-10-12_23 29 55

iShot_2022-10-12_23 27 56

iShot_2022-10-12_23 30 53

๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ ํ˜‘์—…๋ฐฉ์‹

Notion Workspace

  • ์ฝ”๋“œ์ž‘์„ฑ ๋ฐ ๊นƒํ—ˆ๋ธŒ ์ปค๋ฐ‹์— ๊ด€๋ จ๋œ ์ปจ๋ฒค์…˜์„ ์ •ํ•˜๊ณ  ๋…ธ์…˜์— ์ ์–ด๋‘๊ณ  ์ง€ํ‚ค๊ธฐ ์œ„ํ•ด ๋…ธ๋ ฅํ–ˆ์Šต๋‹ˆ๋‹ค.

iShot_2022-10-12_21 41 12

Slack

iShot_2022-10-12_21 53 27

Google Sheet

iShot_2022-10-12_21 47 44

Figma

  • ํ”ผ๊ทธ๋งˆ์—์„œ ๋‹ค๊ฐ™์ด ๋ ˆ์ด์•„์›ƒ์„ ์งœ๊ณ , ์™„์„ฑ๋œ ๋””์ž์ธ์„ ์ฐธ๊ณ ํ•˜๋ฉฐ ๊ฐœ๋ฐœํ–ˆ์Šต๋‹ˆ๋‹ค.

GitHub

  • ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•จ์— ์žˆ์–ด ๋ธŒ๋žœ์น˜๋ฅผ ์ ๊ทน ํ™œ์šฉํ–ˆ์œผ๋ฉฐ ๋ธŒ๋žœ์น˜๋ช…๊ณผ ์ปค๋ฐ‹๋ฉ”์‹œ์ง€ ์ž‘์„ฑ ์‹œ ์ปจ๋ฒค์…˜์„ ์ •ํ•ด์„œ ํ˜ผ์„ ์—†์ด ์ž‘์—…ํ•˜๊ณ ์ž ๋…ธ๋ ฅํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ํ’€๋ฆฌํ€˜์ŠคํŠธ์™€ ๋จธ์ง€ ์ „์— ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ํ™œ์šฉํ•ด๋ดค์Šต๋‹ˆ๋‹ค.

๐Ÿ›  To Dos (๊ฐœ์„ ํ•  ์ )

  • ๋ฐ˜์‘ํ˜• ์ง€์›
  • ๋ฏธ์™„์„ฑ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ๋””์ž์ธ ๊ฐœ์„ 
  • ์ž์ฒด ์Œ์› DB ๊ตฌ์ถ•

yard's People

Contributors

shydev-kr avatar khr98 avatar gaeun0204 avatar yeoooon avatar jnl1128 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.