Giter VIP home page Giter VIP logo

playing-cards's Introduction

Hits

๐ŸŒป Hi there, I'm Software Engineer, and Traveler ๐Ÿ‘‹

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

Growth Team Agenda

  • ๐ŸŽ– Diversity: ๋‹ค์–‘์„ฑ
  • ๐ŸŽ– Equity: ํ˜•ํ‰์„ฑ
  • ๐ŸŽ– Inclusion: ํฌ์šฉ์„ฑ

Objection

  • ๐ŸŽ– Performance: ์ˆ˜ํ–‰
  • ๐ŸŽ– Impact: ์˜ํ–ฅ
  • ๐ŸŽ– Contribution: ๊ธฐ์—ฌ

Pitfalls to Avoid

  • ๐ŸŽ– Uncertainty: ๋ถˆํ™•์‹ค์„ฑ
  • ๐ŸŽ– Complexity: ๋ณต์žก์„ฑ
  • ๐ŸŽ– Ambiguity: ์• ๋งค๋ชจํ˜ธํ•จ

๐Ÿ€ Languages and Tools:

html html JavaScript TypeScript Sass react Next.js Playwrite GCP
github githubActions vue nuxt Cypress express mysql

playing-cards's People

Contributors

eunji1117 avatar mitrvlr avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

playing-cards's Issues

๋ฐ์ดํ„ฐ ๋ชจ๋ธ ์ดˆ์•ˆ

์กฐ์ง

  • ๋ผ๋ฒจ
  • ์‹œํŠธ
  • ๋ฉค๋ฒ„ ์ •๋ณด
    • ๋ฉค๋ฒ„ ๋ผ๋ฒจ
    • ๋ฉค๋ฒ„ ์ขŒํ‘œ
const organization = [
    { // sector
        id: 1,
        title: '๊ทธ๋ฃน A',
        sheet: [
            {
                memberId: 1,
                member: 'jeon',
                locate: [1, 1]
            },
            {
                memberId: 2,
                member: 'choi',
                locate: [1, 2]
            },
            {
                memberId: 3,
                member: null, // reserved sheet (disable)
                locate: [1, 3]
            },
            {
                memberId: 4,
                member: 'joo',
                locate: null, // unassigned member
            }
        ]
    },
    {
        id: 2,
        title: '๊ทธ๋ฃน B',
        sheet: [
            {
                memberId: 3,
                member: 'jeon',
                locate: [1, 1]
            },
            {
                memberId: 4,
                member: 'choi',
                locate: [1, 2]
            }
        ]
    },
    {
        id: 3,
        title: '๊ทธ๋ฃน C',
        sheet: [
            {
                memberId: 5,
                member: 'jeon',
                locate: [1, 1]
            }
        ]
    },
];
  1. sector ์— member ๊ฐ€ ํ• ๋‹น๋˜๋ฉด enabled
  2. sector ์— member ๊ฐ€ null ์ด๋ฉด disabled

ํ”„๋กœํ† ํƒ€์ดํ•‘

์Šคํƒ

  • view : react
  • store : recoil
  • icons : react icons
  • mock data fetch : msw

TODOS

  • ์ „์ฒด ๋ ˆ์ด์•„์›ƒ ์žก๊ธฐ @mitrvlr
  • ์ „์ฒด ํ…Œ๋งˆ์ ์šฉ @mitrvlr
  • ์ปดํฌ๋„ŒํŠธ ์„ค๊ณ„ @mitrvlr
  • router(ui-kit) @mitrvlr
  • MSW @mitrvlr

์ปดํฌ๋„ŒํŠธ

module

  • ๊ทธ๋ฃน ์ถ”๊ฐ€ ๋ฒ„ํŠผ โ†’ ๊ทธ๋ฃน ์ƒ์„ฑ (์ถ”๊ฐ€๋œ ๊ทธ๋ฃน์ค‘์—์„œ ์„ ํƒ) @eunji1117
  • ๊ทธ๋ฃน ์„ ํƒ ๋ฆฌ์ŠคํŠธ (icon) @eunji1117
  • ์ž„์ง์› ์ถ”๊ฐ€ ๋ฒ„ํŠผ (icon) @eunji1117
  • drag & drop @eunji1117

layout

  • sheet (make a map)
  • sector (assign to locate)
  • member card (write value)

Spec & Rules

  • 1. ๋ฐฐ์น˜๋„๋Š” 1๊ฐœ ์ด์ƒ์˜ ๊ตฌ์—ญ(์ธต/๋ฐฉ/์„นํ„ฐ/โ€ฆ)์œผ๋กœ ๊ตฌ์„ฑ๋œ๋‹ค.โ€จ
  • 2. ๊ตฌ์—ญ์€ 1๊ฐœ ์ด์ƒ์˜ ์ž๋ฆฌ๋กœ ๊ตฌ์„ฑ๋œ๋‹ค.โ€จ
  • 3. ๋ฐฐ์น˜๋„๋Š” ์—ฌ๋Ÿฌ๊ฐœ์˜ ์ž‘์—…๋ณธ์ด ์กด์žฌํ•œ๋‹ค.โ€จ
  • 4. ๋ฐฐ์น˜๋„๋Š” ํ•œ๊ฐœ์˜ ์ตœ์ข…๋ณธ์ด ์กด์žฌํ•œ๋‹ค.โ€จ
  • 5. ์ž„์ง์›์€ ๊ธฐ๋ณธ๊ฐ’์œผ๋กœ 1๊ฐœ์˜ ์ž๋ฆฌ๋ฅผ ์ ์œ ํ•œ๋‹ค.โ€จ
  • 6. ์ž„์ง์›์€ 1๊ฐœ์˜ ๊ทธ๋ฃน(์†Œ์†๋ถ€์„œ)์— ์†ํ•œ๋‹ค.โ€จ
  • 7. ํŠน์ • ๊ถŒํ•œ(๊ด€๋ฆฌ)์„ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž๋Š” ๊ตฌ์—ญ๊ณผ ์ž๋ฆฌ๋ฅผ ๊ตฌ์„ฑ(์ž„์ง์›์„ ๋ฐฐ์ •ํ•  ์ˆ˜ ์žˆ๋Š” ๋นˆ์ž๋ฆฌ๋ฅผ ๊ทธ๋ฆฌ๋Š”)ํ•  ์ˆ˜ ์žˆ๋‹คโ€จ
  • 8. ํŠน์ • ๊ถŒํ•œ(๋ฐฐ์ •)์„ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž์€ ์ž„์ง์› ๋ชฉ๋ก์—์„œ ์„ ํƒํ•ด์„œ ์ž๋ฆฌ์— ๋ฐฐ์ • ๋˜๋Š” ํ•ด์ œํ•  ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 9. ํŠน์ • ๊ถŒํ•œ(์˜ˆ์•ฝ)์„ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž๋Š” ์ ์œ ํ•˜๋˜ ์ž„์ง์›์€ ์„ ํƒ๋˜์ง€ ์•Š์€ ์˜ˆ๋น„ ์ž๋ฆฌ๋ฅผ ์ง€์ • ๋˜๋Š” ํ•ด์ œํ•  ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 10. ํŠน์ • ๊ถŒํ•œ(์—ด๋žŒ)์„ ๊ฐ€์ง„ ์‚ฌ์šฉ์ž๋Š” ์ž๋ฆฌ๋ฐฐ์น˜๋„์˜ ์ž‘์—…๋ณธ๋ฅผ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 11. ๊ฐ ๊ทธ๋ฃน์€ ๊ณ ์œ ์˜ ์‹œ๊ฐ์ ์ธย ํ‘œ์‹œ(ex. ์ƒ‰)์„ ๊ฐ€์ง„๋‹ค.โ€จ
  • 12. ์ ์œ (์ž„์ง์›์ด ๋ฐฐ์ •)๋œ ์ž๋ฆฌ์—๋Š” ์ž„์ง์›์˜ ์ด๋ฆ„, ๊ทธ๋ฃน ๋“ฑ์˜ ์ •๋ณด๊ฐ€ ํ‘œ์‹œ๋œ๋‹ค.โ€จ
  • 13. ๋ฐฐ์น˜๋„์—์„œ ์ ์œ ๋œ, ๋น„์–ด์žˆ๋Š”, ์˜ˆ์•ฝ๋œ ์ž๋ฆฌ๋ฅผ ๊ตฌ๋ถ„ํ•ด์„œ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 14. ์กฐ์ง๋„์—์„œ ์ž๋ฆฌ๊ฐ€ ๋ฐฐ์ •๋œ(๋ฐฐ์ •๋œ ์ž๋ฆฌ์˜ ๊ฐœ์ˆ˜ ํฌํ•จ), ์ž๋ฆฌ๊ฐ€ ๋ฐฐ์ •๋˜์ง€ ์•Š์€ ์ž„์ง์›์„ ๊ตฌ๋ถ„ํ•ด์„œ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 15. ์˜ต์…˜:ย ์ž„์ง์›์€ 0๊ฐœ ๋˜๋Š” 2๊ฐœ ์ด์ƒ์„ ์ ์œ ํ• ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 16. ์˜ต์…˜: ๋‘ ๋ช…์˜ ์ž๋ฆฌ๋ฅผ ๋งž๋ฐ”๊ฟ€ ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 17. ์˜ต์…˜:ย ๋™์‹œ์— ์—ฌ๋Ÿฌ๋ช…์ด ์—ด๋žŒ/์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 18. ์˜ต์…˜:ย ์—ฌ๋Ÿฌ๋ช…์„ ์—ฌ๋Ÿฌ๊ฐœ์˜ ์ž๋ฆฌ์— ์ผ๊ด„ ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 19. ์˜ต์…˜: ๋ฐฐ์น˜๋„๋ฅผ ์—‘์…€, pdf๋“ฑ์œผ๋กœ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค. โ€จ
  • 20. ์˜ต์…˜: ๋ฐฐ์น˜๋„์˜ ์ดํ•ด๋ฅผ ๋•๊ธฐ ์œ„ํ•ด, ์ถœ์ž…๋ฌธ, ์ฐฝ๋ฌธ, ์ฑ…์žฅโ€ฆ ๋“ฑ์˜ ์žฅ์‹๋ฌผ์„ ๋ฐฐ์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 21. ์˜ต์…˜: ๊ถŒํ•œ์— ๋”ฐ๋ผ ๊ธฐ๋Šฅ์„ ์ œํ•œํ•  ์ˆ˜ ์žˆ๋‹ค.โ€จ
  • 22. ์˜ต์…˜: ๊ตฌ์—ญ์˜ ํ‰๋ฉด๋„(๋ชจ์–‘๊ณผ ํฌ๊ธฐ)์— ๋งž๊ฒŒ ์ž๋™์œผ๋กœ๋กœ ์ž๋ฆฌ๋ฅผ ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.โ€จ

ref. confluence

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.