diff --git a/README.md b/README.md index aaf2d06..fc595a0 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -![header](https://capsule-render.vercel.app/api?type=waving&color=047857&height=250§ion=header&text=COWORKERS&fontSize=80&fontAlignY=40&fontColor=ffffff) +![header](https://capsule-render.vercel.app/api?type=waving&color=F76388&height=250§ion=header&text=LOOKY&fontSize=80&fontAlignY=40&fontColor=000000) ## **πŸ“‘ λͺ©μ°¨** @@ -6,8 +6,6 @@ > > ***[개발 κΈ°κ°„](#개발-κΈ°κ°„)*** > -> ***[개발자 μ†Œκ°œ](#개발자-μ†Œκ°œ)*** -> > ***[상세 κ³„νš](#상세-κ³„νš)*** > > ***[User Flow](#User-Flow)*** @@ -27,61 +25,46 @@ ## πŸ§‘β€πŸ’» ν”„λ‘œμ νŠΈ μ†Œκ°œ -이 ν”„λ‘œμ νŠΈλŠ”Β [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) 으둜 μ‹œμž‘λœ [Next.js](https://nextjs.org/) ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€. -CoworkersλŠ” νŒ€μ„ κ΅¬μ„±ν•΄μ„œ ν•  일을 λ§Œλ“€κ³ , κ³΅μœ ν•˜κ³  μ†Œν†΅ν•˜λ©΄μ„œ 업무λ₯Ό 효율적으둜 ν•  수 있게 λ•λŠ” μ„œλΉ„μŠ€μž…λ‹ˆλ‹€. +LOOKYλŠ”
## πŸ”—Β λ§ν¬ -[GitHub](https://github.com/team-collabor/coworkers) - -[🎬 μ‹œμ—° μ˜μƒ](https://www.youtube.com/watch?v=sF21zWhRcss) +[GitHub](https://github.com/Injaeeee/looky) -[🌐 배포 μ‚¬μ΄νŠΈ](https://coworkers-colla.netlify.app) +[🌐 배포 μ‚¬μ΄νŠΈ](https://looky-cz8x.vercel.app/)
## πŸ‘¨β€πŸ« μ£Όμš” κΈ°λŠ₯ -|![image](https://github.com/user-attachments/assets/31c20b48-9c9e-4894-b560-de0630da47d2)|![image](https://github.com/user-attachments/assets/553dcfc9-d308-4e3d-a0a3-60dd602900c4)|![image](https://github.com/user-attachments/assets/0e1908e3-88e1-4f30-baf9-bb6ec3abb8ec)| +|![image](https://github.com/user-attachments/assets/96091afc-d694-4bfb-bc68-9aa3f58374f7)|![image](https://github.com/user-attachments/assets/4d22324e-1b30-489e-bfd9-60abaca81b11)|![image](https://github.com/user-attachments/assets/8efc73c7-002a-4814-806a-e11663c0b276)| |:---:|:---:|:---:| -|**λžœλ”© νŽ˜μ΄μ§€**|**νŒ€ νŽ˜μ΄μ§€**|**ν•  일 νŽ˜μ΄μ§€**| +|**λžœλ”© νŽ˜μ΄μ§€**|**κ²Œμ‹œλ¬Ό λͺ©λ‘ νŽ˜μ΄μ§€**|**κ²Œμ‹œλ¬Ό 생성 λͺ¨λ‹¬**| -|![image](https://github.com/user-attachments/assets/6b3ed4c5-ed2a-4c8c-ae32-8f7d9622b67a)|![image](https://github.com/user-attachments/assets/50679453-8afa-4185-8aa1-03f14e3eb6e2)|![image](https://github.com/user-attachments/assets/1432afe2-988e-404f-81a2-c23e313f4049)| +|![image](https://github.com/user-attachments/assets/56fce0a5-7e44-499c-b3df-4dd733e5c67d)|![image](https://github.com/user-attachments/assets/73514a5d-7deb-404f-918f-f3a084f88d4a)|![image](https://github.com/user-attachments/assets/1725025c-11a7-4e84-895a-103062756d0e)| |:---:|:---:|:---:| -|**자유 κ²Œμ‹œνŒ**|**계정 μ„€μ • νŽ˜μ΄μ§€**|**마이 νžˆμŠ€ν† λ¦¬ νŽ˜μ΄μ§€**| +|**λž­ν‚Ή νŽ˜μ΄μ§€**|**마이 νŽ˜μ΄μ§€**|**νšŒμ›κ°€μž… νŽ˜μ΄μ§€**|
## πŸ—“οΈ 개발 κΈ°κ°„ -***10 / 7 (λͺ©) ~ 11 / 14 (λͺ©)*** - -
- -## **πŸ‘¨β€πŸ‘¨β€πŸ‘¦β€πŸ‘¦Β κ°œλ°œμž μ†Œκ°œ** - -- **κΉ€μš°μ„±** [@me92years](https://github.com/me92years) : 마이 νžˆμŠ€ν† λ¦¬ νŽ˜μ΄μ§€ -- **μ΄μŠΉν˜„**Β [@leesh7048](https://github.com/leesh7048) : μžμœ κ²Œμ‹œνŒ νŽ˜μ΄μ§€ -- **μ˜₯μŠΉν˜„** [@SeungHyunOK](https://github.com/SeungHyunOK) : λ Œλ”©νŽ˜μ΄μ§€ 및 계정 μ„€μ • νŽ˜μ΄μ§€ -- **정원식**Β [@wonsik3686](https://github.com/wonsik3686) : ν•  일 νŽ˜μ΄μ§€ -- **μ •μΈμž¬**Β [@Injaeeee](https://github.com/Injaeeee?pvs=4,)Β : νŒ€ νŽ˜μ΄μ§€ +***12 / 23 (λͺ©) ~ 1 / 26 (일)***
## πŸ“ƒ 상세 κ³„νšκ³Ό 일정 -[**πŸ“Œ 상세 κ³„νš**](https://www.notion.so/wonsik/11309277475d81549fe7ebf0e04dae7d,) - -[**πŸ“ 상세 일정**](https://www.notion.so/wonsik/11309277475d810db53ec53c248f89d7,) +[**πŸ“Œ 상세 κ³„νš**](https://mud-stranger-c40.notion.site/Looky-15a06acd0113803a85b4f13fbdf04cdf?pvs=4)
## πŸ’‘ User Flow -![μ½”μ›Œμ»€μŠ€ μœ μ €ν”Œλ‘œμš°](https://github.com/user-attachments/assets/8a985e36-821c-495c-93bf-64154343e896) +![μœ μ €ν”Œλ‘œμš°](https://github.com/user-attachments/assets/50e4ed62-94cb-48b6-99ae-50825e1a3319)
@@ -135,18 +118,16 @@ CoworkersλŠ” νŒ€μ„ κ΅¬μ„±ν•΄μ„œ ν•  일을 λ§Œλ“€κ³ , κ³΅μœ ν•˜κ³  μ†Œν†΅ν•˜λ©΄ β”‚ β”œβ”€β”€ πŸ“types/ # νƒ€μž… 폴더 (DTO ν˜Ήμ€ μ „μ—­μ μœΌλ‘œ μ‚¬μš©λ˜λŠ” type 미리 μ •μ˜) β”‚ β”‚ # μ»΄ν¬λ„ŒνŠΈ props의 κ²½μš°μ—λŠ” ν•΄λ‹Ή μ»΄ν¬λ„ŒνŠΈ μœ„μΉ˜μ— μ •μ˜ β”‚ β”‚ -β”‚ β”œβ”€β”€ πŸ“styles/ # μŠ€νƒ€μΌ κ΄€λ ¨ 파일 λͺ¨μŒ +β”‚ β”œβ”€β”€ πŸ“style/ # μŠ€νƒ€μΌ κ΄€λ ¨ 파일 λͺ¨μŒ β”‚ β”‚ └── global.css β”‚ β”‚ β”‚ β”‚ -β”‚ └── πŸ“utils/ # μœ ν‹Έλ¦¬ν‹° 폴더 +β”‚ └── πŸ“util/ # μœ ν‹Έλ¦¬ν‹° 폴더 β”‚ β”œβ”€ .gitignore -β”œβ”€ .env.local # 각자 ν™˜κ²½μ—μ„œ 별도 생성 ν•„μš” +β”œβ”€ .env.local β”œβ”€ .eslintrc.json β”œβ”€ .prettierrc.json -β”œβ”€ next.confing.mjs -β”œβ”€ tailwind.config.ts β”œβ”€ tsconfig.json β”‚ ...μƒλž΅ @@ -157,19 +138,18 @@ CoworkersλŠ” νŒ€μ„ κ΅¬μ„±ν•΄μ„œ ν•  일을 λ§Œλ“€κ³ , κ³΅μœ ν•˜κ³  μ†Œν†΅ν•˜λ©΄ ## πŸ’» 개발 ν™˜κ²½ -|OS|IDE|Version Control|Package Manager|deploy|Community| -|:---:|:---:|:---:|:---:|:---:|:---:| -|![macOS](https://img.shields.io/badge/macOS-000000?style=for-the-badge&logo=apple&logoColor=white) ![Windows](https://img.shields.io/badge/Windows-0078D6?style=for-the-badge&logo=windows&logoColor=white)|![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-0078d7?style=for-the-badge&logo=visual-studio-code&logoColor=white) ![IntelliJ IDEA](https://img.shields.io/badge/IntelliJ_IDEA-000000?style=for-the-badge&logo=intellij-idea&logoColor=white)|![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)|![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)|![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)|![Discord](https://img.shields.io/badge/Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white)![Notion](https://img.shields.io/badge/Notion-000000?style=for-the-badge&logo=notion&logoColor=white)| - +|OS|IDE|Version Control|Package Manager|deploy| +|:---:|:---:|:---:|:---:|:---:| +|![macOS](https://img.shields.io/badge/macOS-000000?style=for-the-badge&logo=apple&logoColor=white) ![Windows](https://img.shields.io/badge/Windows-0078D6?style=for-the-badge&logo=windows&logoColor=white)|![Visual Studio Code](https://img.shields.io/badge/Visual_Studio_Code-0078d7?style=for-the-badge&logo=visual-studio-code&logoColor=white)|![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white) ![GitHub](https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white)|![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge&logo=npm&logoColor=white)|![Vercel](https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white)|
## βš’ 기술 μŠ€νƒ ![React](https://img.shields.io/badge/React-61DAFB?style=for-the-badge&logo=react&logoColor=white) -![Next.js](https://img.shields.io/badge/Next.js-000000?style=for-the-badge&logo=next.js&logoColor=white) ![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white) -![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) -![Axios](https://img.shields.io/badge/Axios-5A29E4?style=for-the-badge&logo=axios&logoColor=white) +![Styled Components](https://img.shields.io/badge/Styled%20Components-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) +![Firebase](https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge&logo=firebase&logoColor=white) +
@@ -177,7 +157,7 @@ CoworkersλŠ” νŒ€μ„ κ΅¬μ„±ν•΄μ„œ ν•  일을 λ§Œλ“€κ³ , κ³΅μœ ν•˜κ³  μ†Œν†΅ν•˜λ©΄ **1. ν”„λ‘œμ νŠΈ 클둠** -`git clone https://github.com/Codeit-FE08-Part3-Team6/wine.git cd wine](https://github.com/team-collabor/coworkers.git` +`git clone https://github.com/Injaeeee/looky.git` **2. μ˜μ‘΄μ„± μ„€μΉ˜** @@ -189,24 +169,15 @@ CoworkersλŠ” νŒ€μ„ κ΅¬μ„±ν•΄μ„œ ν•  일을 λ§Œλ“€κ³ , κ³΅μœ ν•˜κ³  μ†Œν†΅ν•˜λ©΄ λ‹€μŒ λͺ…λ Ήμ–΄λ₯Ό μ‹€ν–‰ν•˜μ—¬ 둜컬 개발 ν™˜κ²½μ—μ„œ ν”„λ‘œμ νŠΈλ₯Ό μ‹€ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€. -`npm run dev` +`npm run start` 이후 λΈŒλΌμš°μ €μ—μ„œΒ [http://localhost:3000](http://localhost:3000/) 으둜 μ ‘μ†ν•˜μ—¬ 개발 쀑인 μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€. -**4. λΉŒλ“œ 및 배포** - -ν”„λ‘œλ•μ…˜ ν™˜κ²½μ—μ„œ μ‚¬μš©ν•˜κΈ° μœ„ν•΄ λΉŒλ“œν•  λ•ŒλŠ” μ•„λž˜ λͺ…λ Ήμ–΄λ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€. - -`npm run build` - -κ·Έ ν›„, μ•„λž˜ λͺ…λ Ήμ–΄λ‘œ λΉŒλ“œλœ νŒŒμΌμ„ μ‹€μ œλ‘œ μ‹€ν–‰ν•©λ‹ˆλ‹€. - -`npm start` -**5. 배포** +**4. 배포** -이 ν”„λ‘œμ νŠΈλŠ” netlify을 μ‚¬μš©ν•˜μ—¬ 배포할 수 μžˆμŠ΅λ‹ˆλ‹€. +이 ν”„λ‘œμ νŠΈλŠ” Vercel을 μ‚¬μš©ν•˜μ—¬ 배포할 수 μžˆμŠ΅λ‹ˆλ‹€. -GitHub와 μ—°λ™λœ netlify 계정을 톡해 μžλ™μœΌλ‘œ 배포되며, μ½”λ“œλ₯Ό pushν•˜λ©΄ μžλ™μœΌλ‘œ 배포 ν”„λ‘œμ„ΈμŠ€κ°€ μ§„ν–‰λ©λ‹ˆλ‹€. +GitHub와 μ—°λ™λœ Vercel 계정을 톡해 μžλ™μœΌλ‘œ 배포되며, μ½”λ“œλ₯Ό pushν•˜λ©΄ μžλ™μœΌλ‘œ 배포 ν”„λ‘œμ„ΈμŠ€κ°€ μ§„ν–‰λ©λ‹ˆλ‹€. -[**배포 μ‚¬μ΄νŠΈ**](https://wine-nine-xi.vercel.app/?pvs=4%5D(https://coworkers-colla.netlify.app/,) +[**배포 μ‚¬μ΄νŠΈ**](https://looky-cz8x.vercel.app/)