Skip to content

Pic-me-Pic-me/pic.me-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

โœจ ๋น ๋ฅด๊ฒŒ ๊ณจ๋ผ๋ณด๋Š” ๋‚˜์˜ ์‚ฌ์ง„, ๋ญ ์˜ฌ๋ฆด์ง€ ๊ณ ๋ฏผ ๋  ๋•? ํ”ฝ๋ฏธ! โœจ

แ„‘แ…ญแ„Œแ…ต

แ„‹แ…ตแ†ซแ„แ…ณแ„…แ…ฉ1

แ„‰แ…ฉแ†ฏแ„…แ…ฎแ„‰แ…งแ†ซ (1)

๐Ÿ’ก Pic.me ์„œ๋น„์Šค์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ

๐Ÿ“ฅ Maker

1๏ธโƒฃ ํˆฌํ‘œ ์ƒ์„ฑ

์‚ฌ์ง„ ์„ ํƒ ๋ฐ ์ œ๋ชฉ ์ž…๋ ฅ ๋‹จ ๋‘๊ฐ€์ง€์˜ ์ž…๋ ฅ๋งŒ์œผ๋กœ ๊ฐ„๋‹จํ•œ ํˆฌํ‘œ ์ƒ์„ฑ์„ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

แ„’แ…ขแ†จแ„‰แ…ตแ†ทแ„€แ…ตแ„‚แ…ณแ†ผ แ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ1 - แ„†แ…ฆแ„‹แ…ตแ„แ…ฅแ„‹แ…ด แ„แ…ฎแ„‘แ…ญแ„‰แ…ขแ†ผแ„‰แ…ฅแ†ผ

2๏ธโƒฃ ๋งํฌ ์ƒ์„ฑ ๋ฐ ๊ณต์œ 

ํˆฌํ‘œ ๋งํฌ ์ƒ์„ฑ ๋ฐ ์ธ์Šคํƒ€๊ทธ๋žจ ๊ณต์œ ํ•˜๊ธฐ ๋ฅผ ํ†ตํ•ด ๋งํฌ๊ฒŒ์‹œ๋ฅผ ์œ ๋„ํ•ฉ๋‹ˆ๋‹ค.

แ„’แ…ขแ†จแ„‰แ…ตแ†ทแ„€แ…ตแ„‚แ…ณแ†ผ แ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ2 - แ„†แ…ฆแ„‹แ…ตแ„แ…ฅแ„‹แ…ด แ„แ…ฎแ„‘แ…ญแ„€แ…ฉแ†ผแ„‹แ…ฒ

3๏ธโƒฃ ํˆฌํ‘œ ๋ชจ์•„๋ณด๊ธฐ

์ง„ํ–‰ํ–ˆ๋˜ ํˆฌํ‘œ ๋ชฉ๋ก์„ ๋ชจ์•„๋ณด๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ํˆฌํ‘œ ํ˜„ํ™ฉ ๋ฐ ๊ฒฐ๊ณผ๋ฅผ ์กฐํšŒํ•ฉ๋‹ˆ๋‹ค.

แ„’แ…ขแ†จแ„‰แ…ตแ†ทแ„€แ…ตแ„‚แ…ณแ†ผ แ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ4 - แ„†แ…ฆแ„‹แ…ตแ„แ…ฅแ„‹แ…ด แ„€แ…งแ†ฏแ„€แ…ชแ„’แ…ชแ†จแ„‹แ…ตแ†ซ

๐Ÿ“ฅ Player

1๏ธโƒฃ ํˆฌํ‘œ ์ฐธ์—ฌ

์ธ์Šคํƒ€๊ทธ๋žจ ์Šคํ† ๋ฆฌ๋ฅผ ํ†ตํ•ด ๋งํฌ ์ž…์žฅ, ์ต๋ช… ํˆฌํ‘œ ๋ฅผ ์ง„ํ–‰ํ•ฉ๋‹ˆ๋‹ค
ํˆฌํ‘œ ์ฐธ์—ฌ์ž๋Š” ์ต๋ช…์œผ๋กœ ํˆฌํ‘œ ๐Ÿ‘‰ (์ฐธ์—ฌ์ž๋Š” ๋กœ๊ทธ์ธ X)

2๏ธโƒฃ ์ด์œ  ์„ ํƒ

์‚ฌ์ง„ ์„ ํƒ ํ›„ ์ด์œ  ์„ ํƒ ์ง„ํ–‰ ์ตœ์ข…์ ์œผ๋กœ ํˆฌํ‘œํ•˜๊ธฐ ๋ฅผ ํ†ตํ•ด ์ตœ์ข… ํˆฌํ‘œ๋ฅผ ์™„๋ฃŒํ•ฉ๋‹ˆ๋‹ค.
๊ฐ„๋‹จํ•œ ์ด์œ  ์„ ํƒ ๐Ÿ‘‰ (์ด์œ ์˜ ์•„์ด์ฝ˜ ํ™”) ํˆฌํ‘œํ•˜๊ธฐ ํด๋ฆญ

3๏ธโƒฃ ์Šคํ‹ฐ์ปค ํ”ฝ๋ฏธ

์„ ํƒํ•œ ์‚ฌ์ง„ ์œ„์— ๋‚˜์˜ ์‹œ์„ ์ด ๋จธ๋ฌด๋ฅธ ๊ณณ์— ์Šคํ‹ฐ์ปค๋ฅผ ๋ถ€์ฐฉ ํ•˜์—ฌ ์ง๊ด€์ ์œผ๋กœ ๊ฒฐ๊ณผ๋ฅผ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค.
์Šคํ‹ฐ์ปค ๋ถ€์ฐฉ ๋’ค์—๋Š” ํ˜„์žฌ๊นŒ์ง€ ๋ถ™์—ฌ์ง„ ์Šคํ‹ฐ์ปค๋ฅผ ๋ชจ๋‘ ๋‚˜ํƒ€๋‚ด ํ˜„์žฌ ํˆฌํ‘œ ์ƒํ™ฉ์„ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.

แ„’แ…ขแ†จแ„‰แ…ตแ†ทแ„€แ…ตแ„‚แ…ณแ†ผ แ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ3 - แ„‘แ…ณแ†ฏแ„…แ…ฆแ„‹แ…ตแ„‹แ…ฅแ„‹แ…ด แ„แ…ฎแ„‘แ…ญแ„Žแ…กแ†ทแ„‹แ…ง

๐Ÿ‘ฉโ€๐Ÿ’ป Pic.WEB


Happhee

woogisea

Brokyeom

pinktopaz

iamphj3
๐Ÿ’› ์„œํžˆ ๐Ÿ’›
Web FE
๐Ÿ’š ์šฐ๊ธฐ ๐Ÿ’š
Web FE
๐Ÿค ์‹œ๋ฃจ ๐Ÿค
Web FE
๐Ÿ’– ๋–ต๊ฒฝ ๐Ÿ’–
Web FE
๐Ÿ’™ ํ˜„๋”” ๐Ÿ’™
Web FE

โš’๏ธ ๊ธฐ์ˆ  ์Šคํƒ

    "typescript": "4.7.4"
    "@types/react": "^18.0.26",
    "@types/react-dom": "^18.0.10",
    "axios": "^1.2.2",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-simple-import-sort": "^8.0.0",
    "msw": "^0.49.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.6.1",
    "react-scripts": "5.0.1",
    "recoil": "^0.7.6",
    "recoil-persist": "^4.2.0",
    "styled-components": "^5.3.6",
    "swr": "^2.0.0",
    "typescript": "^4.9.4",

โœ… ์ปค๋ฐ‹ ์ปจ๋ฒค์…˜

์ œ๋ชฉ ๋‚ด์šฉ
init ์ž‘์—… ์„ธํŒ… ์ปค๋ฐ‹ (ํŒจํ‚ค์ง€ ์„ค์น˜ ๋“ฑ)
feat ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ๊ฒฝ์šฐ
style ๊ธฐ๋Šฅ์— ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š๋Š” ์ปค๋ฐ‹, ์ฝ”๋“œ ์ˆœ์„œ, css๋“ฑ์˜ ํฌ๋งท์— ๊ด€ํ•œ ์ปค๋ฐ‹
fix ๋ฒ„๊ทธ๋ฅผ ๊ณ ์นœ ๊ฒฝ์šฐ
refactor ํ”„๋กœ๋•์…˜ ์ฝ”๋“œ ๋ฆฌํŒฉํ† ๋ง
docs ๋ฌธ์„œ๋ฅผ ์ˆ˜์ •ํ•œ ๊ฒฝ์šฐ, ํŒŒ์ผ ์‚ญ์ œ, ํŒŒ์ผ๋ช… ์ˆ˜์ • ๋“ฑ ex) README.md
chore ๋นŒ๋“œ ํ…Œ์ŠคํŠธ ์—…๋ฐ์ดํŠธ, ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €๋ฅผ ์„ค์ •ํ•˜๋Š” ๊ฒฝ์šฐ, ์ฃผ์„ ์ถ”๊ฐ€, ์ž์ž˜ํ•œ ๋ฌธ์„œ ์ˆ˜์ •
code review ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๋ฐ˜์˜

๐Ÿ“ ํด๋” ๊ตฌ์กฐ

โ”œโ”€โ”€ ๐Ÿ“ components
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ common
โ”‚	 โ”‚   โ”œโ”€โ”€ Error.tsx
โ”‚	 โ”‚   โ”œโ”€โ”€ index.ts
โ”‚	 โ”‚   โ”œโ”€โ”€ Loading.tsx
โ”‚	 โ”‚   โ””โ”€โ”€ Router.tsx
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ Auth
โ”‚  โ”‚  โ”œโ”€โ”€ Login.tsx
โ”‚  โ”‚  โ”œโ”€โ”€ Signup.tsx
โ”‚  โ”‚  โ””โ”€โ”€ index.ts
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ Home
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ Landing
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ Layout
โ”‚  โ”‚  โ””โ”€โ”€ ๐Ÿ“ player
โ”‚	 โ”‚       โ”œโ”€โ”€ VotingLayout.tsx
โ”‚  โ”‚       โ””โ”€โ”€ index.ts
โ”‚  โ”‚  โ””โ”€โ”€ ๐Ÿ“ maker
โ”‚	 โ”‚       โ”œโ”€โ”€ VotingLayout.tsx
โ”‚  โ”‚       โ””โ”€โ”€ index.ts
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ Library
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ Voting
โ”‚  โ”‚  โ””โ”€โ”€ ๐Ÿ“ player
โ”‚	 โ”‚       โ”œโ”€โ”€ StickerVoting.tsx
โ”‚  โ”‚       โ””โ”€โ”€ index.ts
โ”œโ”€โ”€ ๐Ÿ“ constant
โ”‚    โ””โ”€โ”€ StickerIconList.js
โ”œโ”€โ”€ ๐Ÿ“ fonts
โ”‚  โ””โ”€โ”€ font.d.ts
โ”œโ”€โ”€ ๐Ÿ“ lib
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ api
โ”‚  โ”‚   โ””โ”€โ”€ vogting.ts
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ hooks
โ”‚  โ”‚   โ””โ”€โ”€ vogting.ts
โ”‚  โ””โ”€โ”€ axios.ts
โ”œโ”€โ”€ ๐Ÿ“ util
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ hooks
โ”‚  โ”œโ”€โ”€ check.ts
โ”‚  โ””โ”€โ”€ escape.ts
โ”œโ”€โ”€ ๐Ÿ“ pages
โ”‚  โ”œโ”€โ”€ ๐Ÿ“ player
โ”‚  โ”‚   โ”œโ”€โ”€ ImgChoice.tsx
โ”‚  โ”‚   โ”œโ”€โ”€ index.ts
โ”‚  โ”‚   โ””โ”€โ”€ Voting.tsx
โ”‚  โ”œโ”€โ”€ Error404.tsx
โ”‚  โ”œโ”€โ”€ Home.tsx
โ”‚  โ”œโ”€โ”€ Library.tsx
โ”‚  โ”œโ”€โ”€ Login.tsx
โ”‚  โ”œโ”€โ”€ MakerLanding.tsx
โ”‚  โ”œโ”€โ”€ PlayerLanding.tsx
โ”‚  โ”œโ”€โ”€ Signup.tsx
โ”‚  โ””โ”€โ”€ Voting.tsx
โ”œโ”€โ”€ ๐Ÿ“ recoil
โ”‚ โ””โ”€โ”€ ๐Ÿ“ maker
โ”‚     โ”œโ”€โ”€ atom.ts
โ”‚     โ””โ”€โ”€ selector.ts
โ”‚ โ””โ”€โ”€ ๐Ÿ“ player
โ”‚     โ”œโ”€โ”€ atom.ts
โ”‚     โ””โ”€โ”€ selector.ts
โ”œโ”€โ”€ ๐Ÿ“ styles
โ”‚  โ”œโ”€โ”€ globalFont.css
โ”‚  โ”œโ”€โ”€ styld.d.ts
โ”‚  โ”œโ”€โ”€ globalStyle.ts
โ”‚  โ””โ”€โ”€ themem.ts
โ”œโ”€โ”€ ๐Ÿ“ types
โ”‚  โ”œโ”€โ”€ auth.ts
โ”‚  โ””โ”€โ”€ voting.ts
โ”œโ”€โ”€ .env
โ”œโ”€โ”€ .eslintrc.json
โ”œโ”€โ”€ .gitgnore
โ”œโ”€โ”€ .pnp.cjs
โ”œโ”€โ”€ .pnp.loader.mjs
โ”œโ”€โ”€ .yarnrc.yml
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ tsconfjg.json
โ”œโ”€โ”€ webpack.config.js
โ””โ”€โ”€ yarn.lock