Giter Club home page Giter Club logo

fe-what_song's Introduction

๐ŸŽง What Song (์™“์†ก)

'์ง€๊ธˆ ๋ฌด์Šจ ๋…ธ๋ž˜ ๋“ค์œผ์„ธ์š”? ' ์Œ์•… ํŠนํ™” ์†Œ์…œ ๋„คํŠธ์›Œํฌ ์„œ๋น„์Šค What Song ์ž…๋‹ˆ๋‹ค.

ww

๐Ÿฅณ what-song

๐ŸŽง ๋ˆ„๊ตฌ๋‚˜ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ž์‹ ๋งŒ์˜ ๋ฎค์ง ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ

๐Ÿ’ก ๋‚ด ์ทจํ–ฅ์„ ๊ณต์œ ํ•˜๋ฉด์„œ ์ƒˆ๋กœ์šด ๋…ธ๋ž˜๋“ค๋„ ์‰ฝ๊ฒŒ ์ฐพ๊ณ 

โœ๏ธ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ๊ฐ™์ด ๋“ค์œผ๋ฉฐ Study With Me

๐Ÿ”Ž Youtube API๋กœ ๋ณด๋‹ค ๋‹ค์–‘ํ•œ ์Œ์•… ํ’€

๐Ÿ™†โ€โ™€๏ธ ์Œ์•…์œผ๋กœ ์ž์‹ ์„ ํ‘œํ˜„ํ•  ์ˆ˜๋„ ์žˆ์–ด์š”!

๐Ÿคฉ ์ฃผ์š” ๊ธฐ๋Šฅ

๐Ÿ  MUSIC ROOM

  1. ๋ฎค์ง๋ฃธ ์ƒ์„ฑํ•˜๊ธฐ
  2. ์›ํ•˜๋Š” ๋…ธ๋ž˜ ๊ฒ€์ƒ‰ํ•ด์„œ ๋‚˜๋งŒ์˜ ํ”Œ๋ ˆ์ด๋ฆฌ์ŠคํŠธ ๋งŒ๋“ค๊ธฐ
  3. ๋‹ค๋ฅธ ์‚ฌ๋žŒ๊ณผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ๊ฐ™์ด ๋“ฃ๊ณ  ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ์š”์ฒญ ๊ณก ๋ฐ›๊ธฐ
  4. ํ•˜ํŠธ ์ธํ„ฐ๋ž™์…˜์œผ๋กœ ๋งˆ์Œ ํ‘œํ˜„ํ•˜๊ธฐ

๐Ÿ”– MUSIC STORY

  1. ๋ฎค์ง ์Šคํ† ๋ฆฌ ์ƒ์„ฑํ•˜๊ธฐ
  2. ํ‘œํ˜„ํ•˜๊ณ  ์‹ถ์€ ๋…ธ๋ž˜ ๊ฒ€์ƒ‰ ํ›„ ๊ตฌ๊ฐ„ ์„ ํƒํ•˜๊ธฐ
  3. ๋ฎค์ง ์Šคํ† ๋ฆฌ ๊ณต์œ ํ•˜๊ณ  ์นœ๊ตฌ๋“ค์˜ ์Šคํ† ๋ฆฌ ๊ตฌ๊ฒฝํ•˜๊ธฐ

๐Ÿ› ๏ธ Skills &Tools

image

๋ฉ”์ธ: React, TypeScript, Next.js

์Šคํƒ€์ผ: tailwindCSS

์ƒํƒœ ๊ด€๋ฆฌ: react-query, jotai

์›น ์†Œ์ผ“: stomp.js, sock.js

๊ธฐํƒ€: youtube api

๐Ÿ’ก ๋ฐฐํฌ ์ƒํƒœ

๋ฉ”์ธ: whatsong.vercel.app

์‹œ์—ฐ ์˜์ƒ: youtube

๐ŸŒฑ Git

Branch

Git-flow

  • master (main): ๋ฐ”๋กœ product๋กœ release(๋ฐฐํฌ)ํ•  ์ˆ˜ ์žˆ๋Š” ๋ธŒ๋žœ์น˜
  • dev (develop): product๋กœ releaseํ•  ์ค€๋น„๊ฐ€ ๋œ ๊ฐ€์žฅ ์•ˆ์ •์ ์ธ ๋ธŒ๋žœ์น˜๋กœ ๊ฐœ๋ฐœ์ด ์™„๋ฃŒ๋œ ์ƒํƒœ๋ผ๋ฉด master ๋ธŒ๋žœ์น˜๋กœ merge
  • feature: ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๋ธŒ๋žœ์น˜๋กœ dev ๋ธŒ๋žœ์น˜์—์„œ ๋ถ„๊ธฐํ•˜์—ฌ ์ง„ํ–‰๋˜๋ฉฐ, ๊ฐœ๋ฐœ์ด ์™„๋ฃŒ๋œ ๊ธฐ๋Šฅ์€ dev ๋ธŒ๋žœ์น˜๋กœ merge
    • ๋ธŒ๋žœ์น˜๋ช… ์ปจ๋ฒค์…˜ : feat/{pageName}-{featureName}

Commit

"feat: ~ " ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ์ถ”๊ฐ€
"fix: ~ " ๋ฒ„๊ทธ ์ˆ˜์ •
"docs" ~ " : ๋ฌธ์„œ ์ˆ˜์ •
"style: ~ " ์ฝ”๋“œ ํฌ๋งทํŒ… (์ฝ”๋“œ ๋ณ€๊ฒฝ์ด ์—†๋Š” ๊ฒฝ์šฐ)
"design: ~ " CSS ๋“ฑ ์‚ฌ์šฉ์ž UI ๋””์ž์ธ ๋ณ€๊ฒฝ
โ€œrefactor: ~โ€ ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง
โ€œtest: ~โ€ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ, ๋ฆฌํŒฉํ† ๋ง ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ถ”๊ฐ€
โ€œchore: ~โ€ ๋นŒ๋“œ,ํŒจํ‚ค์ง€ ๊ด€๋ จ ์ˆ˜์ •
"bug:" ~ " ๋ฒ„๊ทธ์— ๋Œ€ํ•œ ์ปค๋ฐ‹
"stories: ~" ์Šคํ† ๋ฆฌ๋ถ ๊ด€๋ จ ์ปค๋ฐ‹

fe-what_song's People

Contributors

bm4656 avatar siby1la 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.