Giter Club home page Giter Club logo

hae-meo-geo's Introduction

๋ชฉ์ฐจ

  1. ์„œ๋น„์Šค ์†Œ๊ฐœ
  2. ํŒ€์› ์†Œ๊ฐœ
  3. ๊ธฐ๋Šฅ ์†Œ๊ฐœ
  4. ์ƒ์„ธ ๋‹ด๋‹น ์—…๋ฌด
  5. ๊ฐœ๋ฐœ ์ผ์ •
  6. ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๋ฐ ๊ธฐ์ˆ  ์Šคํƒ
  7. ํ”„๋กœ์ ํŠธ ํด๋” ๊ตฌ์กฐ
  8. ํ˜‘์—… ๋Šฅ๋ ฅ
  9. ์†Œ๊ฐ

๐Ÿš์„œ๋น„์Šค ์†Œ๊ฐœ

โ€˜ํ•ด๋จธ๊ฑฐโ€™๋Š” ๋ฐฅ์„ ํ•ด์„œ ๋จน์œผ๋ผ๋Š” โ€˜ํ•ด ๋จน์–ดโ€™๋ฅผ ๊ท€์—ฝ๊ฒŒ ๋ฐœ์Œํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฌด์—‡์„ ๋จน์„์ง€ ๊ณ ๋ฏผํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด ๊ทธ ์Œ์‹์˜ ๋ ˆ์‹œํ”ผ๋ฅผ ์•Œ๋ ค์ฃผ๊ณ , ์Œ์‹์„ ์ถ”์ฒœ๋„ ํ•ด์ฃผ๋ฉฐ ๋จน์€ ์Œ์‹์„ ์˜ฌ๋ฆฌ๋ฉฐ ์†Œํ†ตํ•˜๋Š” ์‚ฌ์ดํŠธ ์ž…๋‹ˆ๋‹ค. ๋ฌด์—‡์„ ๋จน์„์ง€ ๊ณ ๋ฏผ ํ•˜๋Š” ์‹œ๊ฐ„์„ ์ค„์—ฌ์ฃผ๊ณ  ๋ถ๋งˆํฌ ํ•ด ๋†“์€ ์Œ์‹์„ ์ง์ ‘ ํ•ด๋ณด๊ณ  ํ›„๊ธฐ๋ฅผ ๋‚จ๊ธฐ๋ฉฐ ์Œ์‹์„ ํ•ด์„œ ๋จน๋Š” ์ฆ๊ฑฐ์›€์„ ์ค๋‹ˆ๋‹ค.

๐Ÿš ํ•ด๋จธ๊ฑฐ ๋ฐ”๋กœ๊ฐ€๊ธฐ


๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘งโ€๐Ÿ‘ฆํŒ€์› ์†Œ๊ฐœ

FE ์ด์†Œ์ • FE ๋ฐ•์ง€์„ฑ FE ์„œ์ง„ํฌ
์ด์†Œ์ • ๋ฐ•์ง€์„ฑ ์„œ์ง„ํฌ
ํŒ€์žฅ ๋””์ž์ธ ๋งˆ์Šคํ„ฐ ๋…ธ์…˜ ๋งˆ์Šคํ„ฐ
๐Ÿ“ ํ”„๋กœ์ ํŠธ ๊ธฐ๋ก

๐Ÿ’ก๊ธฐ๋Šฅ ์†Œ๊ฐœ

๋ฉ”์ธ ํŽ˜์ด์ง€

ํ—ค๋” ๋ฉ”์ธ ํ‘ธํ„ฐ
๋ฉ”์ธํŽ˜์ด์ง€-ํ—ค๋” ๋ฉ”์ธํŽ˜์ด์ง€-๋ฉ”์ธ ๋ฉ”์ธํŽ˜์ด์ง€-ํ‘ธํ„ฐ

๋กœ๊ทธ์ธ

๋กœ๊ทธ์ธ ํ…Œ์ŠคํŠธ ๋กœ๊ทธ์ธ
๋กœ๊ทธ์ธ ํ…Œ์ŠคํŠธ ๋กœ๊ทธ์ธ

ํšŒ์›๊ฐ€์ž…

ํšŒ์›๊ฐ€์ž… ์•ฝ๊ด€๋™์˜ ์ •๋ณด์ž…๋ ฅ
ํšŒ์›๊ฐ€์ž… ์•ฝ๊ด€๋™์˜ ์ •๋ณด์ž…๋ ฅ

์˜ค๋Š˜๋ญ๋จน์ง€?

๋ชฉ๋ก ๊ฒ€์ƒ‰ ๋ฌดํ•œ์Šคํฌ๋กค
๋ชฉ๋ก ๊ฒ€์ƒ‰ ๋ฌดํ•œ์Šคํฌ๋กค

ํ•ด๋จธ๊ฑฐ ๋ ˆ์‹œํ”ผ

๋ชฉ๋ก ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€๋„ค์ด์…˜
๋ชฉ๋ก ๊ฒ€์ƒ‰ ํŽ˜์ด์ง€๋„ค์ด์…˜
์ƒ์„ธ ํ›„๊ธฐ ์ž‘์„ฑ ํ›„๊ธฐ ์‚ญ์ œ
์ƒ์„ธ ํ›„๊ธฐ ์ž‘์„ฑ ํ›„๊ธฐ ์‚ญ์ œ
๋ถ๋งˆํฌ ๋“ฑ๋ก ์นด์นด์˜คํ†ก ๊ณต์œ 
๋ถ๋งˆํฌ ๋“ฑ๋ก ์นด์นด์˜คํ†ก ๊ณต์œ 

๋‚˜๋งŒ์˜ ๋ ˆ์‹œํ”ผ

๋ชฉ๋ก ๊ฒ€์ƒ‰
๋ชฉ๋ก ๊ฒ€์ƒ‰
์ƒ์„ธ ๋“ฑ๋ก
์ƒ์„ธ ๋“ฑ๋ก

๊ธฐํƒ€

์—๋Ÿฌ ๋กœ๋”ฉ
404 ์—๋Ÿฌ ๋กœ๋”ฉ

๐Ÿ’ป์ƒ์„ธ ๋‹ด๋‹น ์—…๋ฌด

๐Ÿ‘ง๐Ÿป ์ด์†Œ์ •(ํŒ€์žฅ)


๐Ÿง’๐Ÿป ๋ฐ•์ง€์„ฑ

  • ๐ŸŒŸ ๋‚˜๋งŒ์˜ ๋ ˆ์‹œํ”ผ ๊ฒŒ์‹œํŒ(์ปค๋ฎค๋‹ˆํ‹ฐ)

    • ๊ฒŒ์‹œํŒ ๋ชฉ๋ก

      • ๊ฐค๋Ÿฌ๋ฆฌํ˜• ๊ฒŒ์‹œํŒ
      • ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ
    • ๊ฒŒ์‹œ๋ฌผ ๋“ฑ๋ก

      • ๋ฉ”์ธ ์ด๋ฏธ์ง€, ์ด๋ฆ„, ์žฌ๋ฃŒ ์„ค๋ช…
    • ๊ฒŒ์‹œ๋ฌผ ์ƒ์„ธ

      • ๋ฉ”์ธ ์ด๋ฏธ์ง€, ์ด๋ฆ„, ์žฌ๋ฃŒ(ํ•œ ๋ฒˆ์— ๋ณด์—ฌ์ฃผ๊ธฐ), ์ž‘์„ฑ์ž

๐Ÿ‘ฉ๐Ÿป ์„œ์ง„ํฌ

  • ๐ŸŒŸ ํšŒ์›๊ฐ€์ž…

    • ์ด๋ฉ”์ผ ์ค‘๋ณต ํ™•์ธ
    • ๋น„๋ฐ€๋ฒˆํ˜ธ, ๋น„๋ฐ€๋ฒˆํ˜ธ ํ™•์ธ
    • ๋‹‰๋„ค์ž„, ์ƒ๋…„์›”์ผ, ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    • ๊ฐœ์ธ ์ •๋ณด ํ™œ์šฉ ๋™์˜
  • ๐ŸŒŸ ๋กœ๊ทธ์ธ

    • ์ด๋ฉ”์ผ, ๋น„๋ฐ€๋ฒˆํ˜ธ ๋กœ๊ทธ์ธ
    • ์ด๋ฉ”์ผ ์ €์žฅ ๋ฒ„ํŠผ (๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€์— ์ €์žฅ)
    • ๋กœ๊ทธ์ธ ์™„๋ฃŒ์‹œ ์ด์ „ ํŽ˜์ด์ง€๋กœ ์ด๋™
    • ํ…Œ์ŠคํŠธ ๋กœ๊ทธ์ธ
    • ๋กœ๊ทธ์•„์›ƒ
    • ์นด์นด์˜ค ๋กœ๊ทธ์ธ/ํšŒ์›๊ฐ€์ž…
  • ๐ŸŒŸ ๋กœ๊ทธ์ธ ์œ ์ง€

    • ๋กœ๊ทธ์ธ ์‹œ 2์‹œ๊ฐ„์ด ์ง€๋‚˜๋ฉด ์ž๋™์œผ๋กœ ํ† ํฐ ๊ฐฑ์‹ ํ•˜์—ฌ ๋กœ๊ทธ์ธ ์œ ์ง€
  • ๐ŸŒŸ ๋งˆ์ดํŽ˜์ด์ง€

    • ํšŒ์› ์ •๋ณด ์ˆ˜์ •ํ•˜๊ธฐ
    • ๋ถ๋งˆํฌ ๋ชฉ๋ก ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

๐Ÿ“…๊ฐœ๋ฐœ ์ผ์ •

2024. 03. 28 ~ 2024. 04. 24

๊ธฐ๊ฐ„ ๋‚ด์šฉ
03. 28 - 04 .07 ๊ธฐํš
04. 03 - 04 .10 UI ๋””์ž์ธ
04. 10 - 04. 25 ๋งˆํฌ์—… ๋ฐ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ
04. 23 - 04. 24 QA ๊ธฐ๊ฐ„
04. 30 - 06. 12 ๋ฆฌํŒฉํ† ๋ง ๊ธฐ๊ฐ„

๐Ÿ”จ๊ฐœ๋ฐœ ํ™˜๊ฒฝ ๋ฐ ๊ธฐ์ˆ  ์Šคํƒ

Tools

Git Github Discord Notion
git logo github logo Discord logo
icon

Front-end

Html CSS React React-
Router
esLint Prettier React-
Query
Zustand
Html css
icon
rr
icon
icon
rq icon

๊ฐœ๋ฐœ ํ™˜๊ฒฝ

๊ตฌ๋ถ„ ์ข…๋ฅ˜
FrontEnd React, Axios, CSS module, Zustand, React-Query
BackEnd open market API, ์‹ํ’ˆ์˜์•ฝํ’ˆ์•ˆ์ „์ฒ˜ ์กฐ๋ฆฌ์‹ํ’ˆ์˜ ๋ ˆ์‹œํ”ผ API, ๋‚ ์”จ API

๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‚ฌ์šฉ ์ด์œ 

์ข…๋ฅ˜ ์ด์œ 
React ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ปดํฌ๋„ŒํŠธ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ
Zustand ๋‹จ์ˆœํ•œ ์ƒํƒœ ๊ด€๋ฆฌ์™€ ์šฉ์ดํ•œ ์œ ์ง€ ๋ณด์ˆ˜๋ฅผ ์œ„ํ•ด ์‚ฌ์šฉ
Axios HTTP ํ†ต์‹  ๋กœ์ง์„ ์‰ฝ๊ฒŒ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ
CSS Module ์Šคํƒ€์ผ ๊ด€๋ฆฌ์˜ ๋ณต์žก์„ฑ์„ ์ค„์ด๊ณ  ์œ ์ง€ ๋ณด์ˆ˜์„ฑ์„ ํ–ฅ์ƒ ์‹œํ‚ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ
React Query ์„œ๋ฒ„ ๋™๊ธฐํ™”๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜๊ณ  ๋ฌดํ•œ ์Šคํฌ๋กค ๊ตฌ๋™์„ ์œ„ํ•ด ์‚ฌ์šฉ

๐Ÿ“‚ํ”„๋กœ์ ํŠธ ํด๋” ๊ตฌ์กฐ

ํ•ด๋จธ๊ฑฐ
โ”œโ”€โ”€ App.css
โ”œโ”€โ”€ App.jsx
โ”œโ”€โ”€ assets
โ”‚   โ””โ”€โ”€ lottie
โ”‚       โ”œโ”€โ”€ error.json
โ”‚       โ”œโ”€โ”€ loading.json
โ”‚       โ””โ”€โ”€ noData.json
โ”œโ”€โ”€ components
โ”‚   โ”œโ”€โ”€ Button
โ”‚   โ”‚   โ”œโ”€โ”€ Button.jsx
โ”‚   โ”‚   โ””โ”€โ”€ Button.module.css
โ”‚   โ”œโ”€โ”€ Loading
โ”‚   โ”‚   โ””โ”€โ”€ Loading.jsx
โ”‚   โ”œโ”€โ”€ Modal
โ”‚   โ”‚   โ”œโ”€โ”€ Modal.jsx
โ”‚   โ”‚   โ””โ”€โ”€ Modal.module.css
โ”‚   โ”œโ”€โ”€ Mypage
โ”‚   โ”‚   โ”œโ”€โ”€ MypageMenu.jsx
โ”‚   โ”‚   โ””โ”€โ”€ MypageMenu.module.css
โ”‚   โ”œโ”€โ”€ NoData
โ”‚   โ”‚   โ””โ”€โ”€ NoData.jsx
โ”‚   โ”œโ”€โ”€ Pagination
โ”‚   โ”‚   โ”œโ”€โ”€ Pagination.jsx
โ”‚   โ”‚   โ””โ”€โ”€ Pagination.module.css
โ”‚   โ”œโ”€โ”€ Recipe
โ”‚   โ”‚   โ”œโ”€โ”€ Detail
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Banner
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Banner.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Banner.module.css
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Bookmark
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Bookmark.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Bookmark.module.css
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Content
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Content.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Content.module.css
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Ingredient
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Ingredient.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Ingredient.module.css
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Reply
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ List.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ List.module.css
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Register.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Register.module.css
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Reply.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Reply.module.css
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Share
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Share.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Share.module.css
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Sidebar
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Sidebar.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Sidebar.module.css
โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Step
โ”‚   โ”‚   โ”‚   โ”‚   โ”œโ”€โ”€ Step.jsx
โ”‚   โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ Step.module.css
โ”‚   โ”‚   โ”‚   โ””โ”€โ”€ SubTitle
โ”‚   โ”‚   โ”‚       โ”œโ”€โ”€ SubTitle.jsx
โ”‚   โ”‚   โ”‚       โ””โ”€โ”€ SubTitle.module.css
โ”‚   โ”‚   โ””โ”€โ”€ List
โ”‚   โ”‚       โ”œโ”€โ”€ List.jsx
โ”‚   โ”‚       โ””โ”€โ”€ List.module.css
โ”‚   โ”œโ”€โ”€ Search
โ”‚   โ”‚   โ”œโ”€โ”€ Search.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ Search.module.css
โ”‚   โ”‚   โ”œโ”€โ”€ Type.jsx
โ”‚   โ”‚   โ””โ”€โ”€ Type.module.css
โ”‚   โ”œโ”€โ”€ Signup
โ”‚   โ”‚   โ”œโ”€โ”€ SignupSteps.jsx
โ”‚   โ”‚   โ””โ”€โ”€ SignupSteps.module.css
โ”‚   โ”œโ”€โ”€ Title
โ”‚   โ”‚   โ”œโ”€โ”€ Title.jsx
โ”‚   โ”‚   โ””โ”€โ”€ Title.module.css
โ”‚   โ”œโ”€โ”€ layout
โ”‚   โ”‚   โ”œโ”€โ”€ Footer.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ Footer.module.css
โ”‚   โ”‚   โ”œโ”€โ”€ Header.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ Header.module.css
โ”‚   โ”‚   โ”œโ”€โ”€ index.jsx
โ”‚   โ”‚   โ””โ”€โ”€ index.module.css
โ”‚   โ”œโ”€โ”€ login
โ”‚   โ”‚   โ”œโ”€โ”€ LoginLayout.jsx
โ”‚   โ”‚   โ””โ”€โ”€ LoginLayout.module.css
โ”‚   โ””โ”€โ”€ socialLogin
โ”‚       โ””โ”€โ”€ SocialKakao.jsx
โ”œโ”€โ”€ hooks
โ”‚   โ””โ”€โ”€ useCustomAxios.mjs
โ”œโ”€โ”€ main.jsx
โ”œโ”€โ”€ pages
โ”‚   โ”œโ”€โ”€ ErrorPage.jsx
โ”‚   โ”œโ”€โ”€ ErrorPage.module.css
โ”‚   โ”œโ”€โ”€ Home.jsx
โ”‚   โ”œโ”€โ”€ Home.module.css
โ”‚   โ”œโ”€โ”€ auth
โ”‚   โ”‚   โ””โ”€โ”€ Kakao.jsx
โ”‚   โ”œโ”€โ”€ myRecipe
โ”‚   โ”‚   โ”œโ”€โ”€ MyRecipeDetail.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ MyRecipeDetail.module.css
โ”‚   โ”‚   โ”œโ”€โ”€ MyRecipeList.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ MyRecipeList.module.css
โ”‚   โ”‚   โ”œโ”€โ”€ MyRecipeRegister.jsx
โ”‚   โ”‚   โ””โ”€โ”€ MyRecipeRegister.module.css
โ”‚   โ”œโ”€โ”€ mypage
โ”‚   โ”‚   โ”œโ”€โ”€ BookMark.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ BookMark.module.css
โ”‚   โ”‚   โ”œโ”€โ”€ EditProfile.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ MyPage.jsx
โ”‚   โ”‚   โ””โ”€โ”€ MyPage.module.css
โ”‚   โ”œโ”€โ”€ recipe
โ”‚   โ”‚   โ”œโ”€โ”€ RecipeDetail.jsx
โ”‚   โ”‚   โ”œโ”€โ”€ RecipeDetail.module.css
โ”‚   โ”‚   โ””โ”€โ”€ RecipeList.jsx
โ”‚   โ”œโ”€โ”€ todayRecipe
โ”‚   โ”‚   โ”œโ”€โ”€ TodayRecipeList.jsx
โ”‚   โ”‚   โ””โ”€โ”€ TodayRecipeList.module.css
โ”‚   โ””โ”€โ”€ user
โ”‚       โ”œโ”€โ”€ Login.jsx
โ”‚       โ”œโ”€โ”€ Signup.jsx
โ”‚       โ”œโ”€โ”€ Signup.module.css
โ”‚       โ”œโ”€โ”€ SignupStepOne.jsx
โ”‚       โ”œโ”€โ”€ SignupStepThree.jsx
โ”‚       โ”œโ”€โ”€ SignupStepTwo.jsx
โ”‚       โ””โ”€โ”€ SignupStepTwo.module.css
โ”œโ”€โ”€ routes.jsx
โ”œโ”€โ”€ utils
โ”‚   โ”œโ”€โ”€ kakaoInit.mjs
โ”‚   โ””โ”€โ”€ uploadImage.mjs
โ””โ”€โ”€ zustand
  โ”œโ”€โ”€ modalStore.mjs
  โ”œโ”€โ”€ recentlyViewStore.mjs
  โ””โ”€โ”€ userStore.mjs

๐Ÿ™๐Ÿปํ˜‘์—…๋Šฅ๋ ฅ

ํšŒ์˜๋ก ์ž‘์„ฑ, ๊ฐœ๋ฐœ ๋ฐฉํ–ฅ ๋“ฑ ์ •๋ณด ์ฐธ๊ณ  ๋…ธ์…˜ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋งค์ผ ์•„์นจ๊ณผ ์ €๋…์— ์Šคํฌ๋Ÿผ ํšŒ์˜๋ฅผ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์ž์˜ ์ž‘์—… ํ˜„ํ™ฉ๊ณผ ์–ด๋ ค์› ๋˜ ์  ๋“ฑ์„ ๊ณต์œ ํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์กŒ์Šต๋‹ˆ๋‹ค.

Discord

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

FIGMA

๋””์ž์ธ ์ ์ธ ์ˆ˜์ •์‚ฌํ•ญ ํŒŒ์•… ํŒ€์›๋“ค๊ณผ ํ”ผ๊ทธ๋งˆ๋กœ ์™€์ด์–ด ํ”„๋ ˆ์ž„ ๊ตฌ์„ฑํ•˜๊ณ , ์‹ค์‹œ๊ฐ„์œผ๋กœ ํšŒ์˜ํ•˜๋ฉฐ ์ž‘์—… ํ˜„ํ™ฉ์„ ํŒŒ์•…ํ•˜๋ฉฐ ์ˆ˜์›”ํ•˜๊ฒŒ ์ž‘์—…์„ ํ–ˆ์Šต๋‹ˆ๋‹ค.

GitHub

๊นƒํ—ˆ๋ธŒ ํŒ€ํ”„๋กœ์ ํŠธ ๊ธฐ๋Šฅ์œผ๋กœ ๊ฐœ๋ฐœ๋ฒ„์ „ ๊ด€๋ฆฌ ํŒ€ ์ €์žฅ์†Œ๋ฅผ ํฌํฌํ•ด์„œ ๊ฐœ์ธ ์ €์žฅ์†Œ์—์„œ ์ž‘์—…ํ•˜๊ณ  ํŒ€ํ”„๋กœ์ ํŠธ dev์— PR์„ ๋ณด๋‚ด ๋จธ์ง€ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ์ž‘์—…ํ•˜์—ฌ ๋ฉ”์ธ๋ฒ„์ „์— ์‹ค์ˆ˜๋กœ ๋จธ์ง€ ํ• ์ˆ˜ ์žˆ๋Š” ๊ฒฝ์šฐ๋ฅผ ์ค„์—ฌ ์•ˆ์ •์ ์œผ๋กœ ์ž‘์—…ํ• ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ’ฌ์†Œ๊ฐ

๐Ÿš ์ด์†Œ์ •

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

๐Ÿš ๋ฐ•์ง€์„ฑ

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

๐Ÿš ์„œ์ง„ํฌ

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

hae-meo-geo's People

Contributors

s0zzang avatar sozzi0 avatar sasakieiji avatar taehee1228 avatar

Stargazers

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