Skip to content

zerozeroha/WattsUp

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

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

Repository files navigation

VPP ๋Œ€์‹œ๋ณด๋“œ ๋ฐ ์ „๋ ฅ ๊ฑฐ๋ž˜์†Œ ๊ตฌ์ถ• ํ”„๋กœ์ ํŠธ - Watts Up


๐Ÿ”ฅ ํ”„๋กœ์ ํŠธ ๋ชฉํ‘œ

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

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


๐Ÿ’ป ์ฃผ์š” ๊ธฐ๋Šฅ

์ „๋ ฅ ๊ฑฐ๋ž˜

์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ํ•„์š”ํ•œ ํƒœ์–‘๊ด‘ ์ „๋ ฅ์„ ์ฆ‰์‹œ ๊ตฌ๋งคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ „๋ ฅ ๊ฑฐ๋ž˜

๋Œ€์‹œ๋ณด๋“œ

์ง€์—ญ๋ณ„ ๋ฐœ์ „ ์˜ˆ์ธก ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํšจ๊ณผ์ ์ธ ์ „๋ ฅ ๊ฑฐ๋ž˜๋ฅผ ๊ณ„ํšํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋Œ€์‹œ๋ณด๋“œ

์ถ”๊ฐ€์ •๋ณด

์‹ค์‹œ๊ฐ„ ๋ฐ์ดํ„ฐ๋ฅผ ํ™•์ธํ•˜๊ณ  ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜์—ฌ ๋ถ„์„์— ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋Œ€์‹œ๋ณด๋“œ ์ถ”๊ฐ€์ •๋ณด

์œ ์ € ํ™•์ธ

๊ด€๋ฆฌ์ž๋Š” ๊ฐ€์ž…๋œ ์œ ์ €์˜ ๋ฐ์ดํ„ฐ๋ฅผ ํ•œ๋ˆˆ์— ํ™•์ธํ•˜๊ณ , ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์‹ ์†ํžˆ ํŒŒ์•…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์œ ์ € ๊ด€๋ฆฌ

๋ฐ์ดํ„ฐ ํ™•์ธ

๊ด€๋ฆฌ์ž๋Š” ์ง€์—ญ ๋ฐœ์ „๋Ÿ‰์„ ๊ฐฑ์‹ ํ•˜๊ณ  ๊ฑฐ๋ž˜ ๋ชฉ๋ก์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฐ์ดํ„ฐ ๊ด€๋ฆฌ


๐Ÿชช ์‚ฌ์šฉ์ž ๊ฐ€์ด๋“œ

๊ณ„์ • ์ƒ์„ฑ ๋ฐ ๋กœ๊ทธ์ธ (์ผ๋ฐ˜)

์ผ๋ฐ˜ ๋กœ๊ทธ์ธ

๊ณ„์ • ์ƒ์„ฑ ๋ฐ ๋กœ๊ทธ์ธ (์†Œ์…œ)

์ผ๋ฐ˜ ๋กœ๊ทธ์ธ


๐Ÿ’ฝ ํ”„๋กœ์ ํŠธ ์„ค์น˜ ๋ฐ ์‹คํ–‰ ๋ฐฉ๋ฒ•

  1. ์˜์กด์„ฑ ์„ค์น˜

    npm install
  2. ๊ฐœ๋ฐœ ์„œ๋ฒ„ ์‹คํ–‰

    npm run dev

    ํ”„๋กœ๋•์…˜ ๋นŒ๋“œ

    npm run build
    npm start

๐Ÿ“‚ ํ™˜๊ฒฝ ๋ณ€์ˆ˜ ์„ค๋ช…

๐Ÿ› ๏ธ ๊ธฐ๋ณธ ํ™˜๊ฒฝ

  • NEXT_PUBLIC_ENVIRONMENT: ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์‹คํ–‰ ํ™˜๊ฒฝ์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค. (development, production ๋“ฑ)
  • NEXT_PUBLIC_API_BASE_URL: API ์š”์ฒญ์˜ ๊ธฐ๋ณธ URL์„ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. (http://localhost:3000 ๋˜๋Š” ๋ฐฐํฌ๋œ URL)
  • ACCESS_TOKEN_SECRET: JWT ์—‘์„ธ์Šค ํ† ํฐ์„ ์„œ๋ช…ํ•˜๊ธฐ ์œ„ํ•œ ๋น„๋ฐ€ ํ‚ค์ž…๋‹ˆ๋‹ค.
  • REFRESH_TOKEN_SECRET: JWT ๋ฆฌํ”„๋ ˆ์‹œ ํ† ํฐ์„ ์„œ๋ช…ํ•˜๊ธฐ ์œ„ํ•œ ๋น„๋ฐ€ ํ‚ค์ž…๋‹ˆ๋‹ค.
  • BUSINESS_TOKEN_SECRET: ๋น„์ฆˆ๋‹ˆ์Šค ๊ด€๋ จ ํ† ํฐ์„ ์„œ๋ช…ํ•˜๊ธฐ ์œ„ํ•œ ๋น„๋ฐ€ ํ‚ค์ž…๋‹ˆ๋‹ค.
  • EMAIL_TOKEN_SECRET: ์ด๋ฉ”์ผ ์ธ์ฆ ํ† ํฐ์„ ์„œ๋ช…ํ•˜๊ธฐ ์œ„ํ•œ ๋น„๋ฐ€ ํ‚ค์ž…๋‹ˆ๋‹ค.
  • SALT_ROUND: bcrypt ์•”ํ˜ธํ™” ์‹œ ํ•ด์‹œ๋ฅผ ์ƒ์„ฑํ•  ๋ผ์šด๋“œ ์ˆ˜๋ฅผ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค. (๋ณด์•ˆ ์ˆ˜์ค€์„ ๊ฒฐ์ •)

๐Ÿ“ฆ MongoDB

  • MONGODB_URI: MongoDB ์—ฐ๊ฒฐ ๋ฌธ์ž์—ด์ž…๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์„œ๋ฒ„ URL๊ณผ ์ธ์ฆ ์ •๋ณด๋ฅผ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ”‘ Google OAuth

  • NEXT_PUBLIC_REDIRECT_URI: Google OAuth ์ธ์ฆ ํ›„ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ๋  URL์ž…๋‹ˆ๋‹ค.
  • NEXT_PUBLIC_GOOGLE_CLIENT_ID: Google API์—์„œ ๋ฐœ๊ธ‰๋œ ํด๋ผ์ด์–ธํŠธ ID์ž…๋‹ˆ๋‹ค.
  • GOOGLE_CLIENT_SECRET: Google API์—์„œ ๋ฐœ๊ธ‰๋œ ํด๋ผ์ด์–ธํŠธ ๋น„๋ฐ€ ํ‚ค์ž…๋‹ˆ๋‹ค.
  • BUSINESS_STATUS_API_URL: ๊ณต๊ณต๋ฐ์ดํ„ฐ ์‚ฌ์—…์ž ๋“ฑ๋ก ์ƒํƒœ๋ฅผ ํ™•์ธํ•˜๋Š” ๊ณต๊ณต๋ฐ์ดํ„ฐ API URL์ž…๋‹ˆ๋‹ค.
  • BUSINESS_INFO_VERIFICATION_API_URL: ๊ณต๊ณต๋ฐ์ดํ„ฐ ์‚ฌ์—…์ž ์ •๋ณด ๊ฒ€์ฆ API URL์ž…๋‹ˆ๋‹ค.
  • BUSINESS_SERVICE_KEY: ๊ณต๊ณต๋ฐ์ดํ„ฐ ์‚ฌ์—…์ž ์ •๋ณด API ์ ‘๊ทผ์„ ์œ„ํ•œ ์ธ์ฆ ํ‚ค์ž…๋‹ˆ๋‹ค.
  • NEXT_PUBLIC_DATA_PORTAL_SERVICE_KEY: ๊ณต๊ณต๋ฐ์ดํ„ฐ ํฌํ„ธ ์„œ๋น„์Šค ํ‚ค๋กœ, ๋ฐ˜์ „๋Ÿ‰ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

โœ‰๏ธ Gmail

  • GMAIL_USER: Gmail ๊ณ„์ • ์ด๋ฉ”์ผ ์ฃผ์†Œ์ž…๋‹ˆ๋‹ค.
  • GMAIL_APP_PW: Gmail API ๋˜๋Š” SMTP ์—ฐ๋™์— ํ•„์š”ํ•œ ์•ฑ ๋น„๋ฐ€๋ฒˆํ˜ธ์ž…๋‹ˆ๋‹ค.

๐Ÿ–ด Redis

  • REDIS_HOST: Redis ์„œ๋ฒ„ ํ˜ธ์ŠคํŠธ URL์ž…๋‹ˆ๋‹ค.
  • REDIS_PORT: Redis ์„œ๋ฒ„ ํฌํŠธ ๋ฒˆํ˜ธ์ž…๋‹ˆ๋‹ค.
  • REDIS_PW: Redis ์„œ๋ฒ„ ์ ‘์†์„ ์œ„ํ•œ ๋น„๋ฐ€๋ฒˆํ˜ธ์ž…๋‹ˆ๋‹ค.

๐Ÿ—บ๏ธ Kakao ์ง€๋„

  • REACT_APP_KAKAO_API_KEY: Kakao ์ง€๋„ API๋ฅผ ํ˜ธ์ถœํ•˜๊ธฐ ์œ„ํ•œ ์ธ์ฆ ํ‚ค์ž…๋‹ˆ๋‹ค.

โ˜๏ธ OpenWeather

  • OPEN_WEATHER_API_KEY: OpenWeatherMap API๋ฅผ ํ˜ธ์ถœํ•˜๊ธฐ ์œ„ํ•œ ์ธ์ฆ ํ‚ค์ž…๋‹ˆ๋‹ค.

โš™๏ธ ์‚ฌ์šฉ ๊ธฐ์ˆ  ์Šคํƒ

ํ”„๋ก ํŠธ์—”๋“œ

Next.js TypeScript Tailwind CSS Zustand Shadcn/ui Framer Motion Recharts

๋ฐฑ์—”๋“œ ๋ฐ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ

Node.js MongoDB Redis JWT Bcrypt

๊ธฐํƒ€ ๋„๊ตฌ

cheerio MSW Husky Nodemailer Kakao Maps Api


๐Ÿ‘ฅ ํŒ€์› ์†Œ๊ฐœ

yoonstar1996
yoonstar1996
zerozeroha
zerozeroha
working-zima
working-zima
Defor721
Defor721
LifeIsMoment
LifeIsMoment

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 97.9%
  • JavaScript 1.6%
  • CSS 0.5%