Skip to content

๐Ÿ“ˆ ๊ฐœ๋ฏธ๋Š”ํˆฐํˆฐ :: ์›นํˆฐ ๋…์ž๋ฅผ ์œ„ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”Œ๋žซํผ

License

Notifications You must be signed in to change notification settings

depromeet/antoon-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

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

Repository files navigation

antoon

antoon

์›นํˆฐ์˜ ์ƒˆ๋กœ์šด ๋•์งˆ ๋ฌธํ™”


Behance ยท Final Presentation


๊ฐœ๋ฏธ๋Š” ํˆฐํˆฐ

๐Ÿ’ก ์„œ๋น„์Šค ๊ฐœ์š”

แ„‰แ…ฅแ„‡แ…ตแ„‰แ…ณ-แ„€แ…ขแ„‹แ…ญ

์›นํˆฐ ํ”Œ๋žซํผ ๋Œ“๊ธ€, ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ ๋…์ž๋“ค์ด ์Šคํ† ๋ฆฌ ์ „๊ฐœ์™€ ๋“ฑ์žฅ์ธ๋ฌผ, ์ด๋“ค ๊ฐ„์˜ ๊ด€๊ณ„๋ฅผ ์ฃผ์‹ ์šฉ์–ด๋กœ ํ‘œํ˜„ํ•˜๋ฉฐ ์†Œํ†ตํ•˜๋Š” ๊ฑธ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ์‹ ์šฉ์–ด๋กœ ์›นํˆฐ์„ ์†Œ๋น„ํ•˜๋Š” ํ˜•ํƒœ์—์„œ ์•„์ด๋””์–ด๋ฅผ ์–ป์–ด ์„œ๋น„์Šค ๊ธฐ๋Šฅ์„ ์ฃผ์‹ ์ปจ์…‰์œผ๋กœ ํ‘œํ˜„ํ•œ ์ƒ‰๋‹ค๋ฅธ ์›นํˆฐ ์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ ์ž ํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ฐœ๋ฏธ๋Š” ํˆฐํˆฐ์€ ์ฃผ์‹ ์ปจ์…‰์„ ๋ฐ”ํƒ•์œผ๋กœ ์›นํˆฐ์˜ ์ƒˆ๋กœ์šด ๋•์งˆ ๋ฌธํ™”๋ฅผ ๋งŒ๋“ค๊ณ ์ž ํ•˜๋Š” ์›นํˆฐ ์ปค๋ฎค๋‹ˆํ‹ฐ ์„œ๋น„์Šค์ž…๋‹ˆ๋‹ค.


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

แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ-แ„†แ…ฉแ†จแ„‘แ…ญ


๐ŸŒณ IA

IA


๐Ÿ’ฏ ์„œ๋น„์Šค ํ•ต์‹ฌ ํฌ์ธํŠธ

แ„‰แ…ฅแ„‡แ…ตแ„‰แ…ณ-แ„’แ…ขแ†จแ„‰แ…ตแ†ท-แ„‘แ…ฉแ„‹แ…ตแ†ซแ„แ…ณ

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


๋ฉ”์ธ ๊ธฐ๋Šฅ

๐Ÿ“Š ์›นํˆฐ ํƒ‘์Šน/ํ•˜์ฐจ ๊ทธ๋ž˜ํ”„ ๐Ÿ’ฌ ๋Œ“๊ธ€

์›นํˆฐ-ํƒ‘์Šน-ํ•˜์ฐจ-๊ทธ๋ž˜ํ”„-๋Œ“๊ธ€

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


๐Ÿ—ฃ๏ธ ์ปค๋ฎค๋‹ˆํ‹ฐ

แ„แ…ฅแ„†แ…ฒแ„‚แ…ตแ„แ…ต

์›นํˆฐ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‚ด ์ตœ์•  ์›นํˆฐ์˜ ์ธ๋ฌผ๊ณผ ์ปคํ”Œ์— ํƒ‘์Šนํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ์ฃผ์ œ์˜ ํˆฌํ‘œ๋„ ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿš— ๋“ฑ์žฅ์ธ๋ฌผ/์ปคํ”Œ ํƒ‘์Šน ๐Ÿ“ฌ ํˆฌํ‘œ

๋“ฑ์žฅ์ธ๋ฌผ-์ปคํ”Œ-ํƒ‘์Šน-ํˆฌํ‘œ

์ตœ์•  ์ธ๋ฌผ/์ปคํ”Œ์— ํ•˜๋ฃจ ํ•œ ๋ฒˆ ์•ˆํŠธ์ฝ”์ธ์„ ํˆฌ์žํ•ด์„œ ํƒ‘์Šนํ•˜๋ฉด ๋‚ด ์ตœ์• ์˜ ์ˆœ์œ„๋ฅผ ์ง์ ‘ ์˜ฌ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ์›นํˆฐ ์บ๋ฆญํ„ฐ์˜ ์žฌ๋ฐŒ๋Š” ์ฃผ์ œ๋“ค์„ ํ™•์ธํ•˜๊ณ  ์•ˆํŠธ์ฝ”์ธ์„ ์‚ฌ์šฉํ•ด์„œ ํˆฌํ‘œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณธ์ธ์ด ํˆฌํ‘œํ•œ ๊ฒฐ๊ณผ๊ฐ€ ์ด๊ธฐ๋ฉด 30 ์•ˆํŠธ์ฝ”์ธ์„ ๋ณด์ƒ์œผ๋กœ ์ง€๊ธ‰ํ•ฉ๋‹ˆ๋‹ค.


๐Ÿช™ ์•ˆํŠธ์ฝ”์ธ ๐Ÿ™ ๋งˆ์ดํŽ˜์ด์ง€

แ„‹แ…กแ†ซแ„แ…ณแ„แ…ฉแ„‹แ…ตแ†ซ-๋งˆ์ดํŽ˜์ด์ง€

์•ˆํŠธ์ฝ”์ธ์€ ๊ฐœ๋ฏธ๋Š” ํˆฐํˆฐ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํ™”ํ ๋‹จ์œ„์ž…๋‹ˆ๋‹ค. ์•ˆํŠธ์ฝ”์ธ์„ ๋ชจ์•„ ๊ฑฐ์ง€๊ฐœ๋ฏธ์—์„œ ์ผ๊ฐœ๋ฏธ๋ฅผ ๊ฑฐ์ณ ์—ฌ์™•๊ฐœ๋ฏธ๊นŒ์ง€ ๋„๋‹ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ณด์œ ํ•œ ์•ˆํŠธ์ฝ”์ธ์„ ์ด์šฉํ•ด ๋” ๋งŽ์€ ํˆฌํ‘œ์— ์ฐธ์—ฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์•ˆํŠธ์ฝ”์ธ ์ง€๊ฐ‘์—์„œ ์‚ฌ์šฉ ๋‚ด์—ญ์„ ํ™•์ธํ•ด๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


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

๐Ÿ›  ๊ฐœ๋ฐœ ์Šคํƒ

๊ฐœ๋ฐœ-์Šคํƒ

TypeScript์™€ Next.js, React Query, Recoil ๋“ฑ์„ ์‚ฌ์šฉํ•˜์˜€๊ณ , Lint์™€ Husky๋ฅผ ํ†ตํ•ด ํŒ€์˜ ์ฝ”๋“œ ์ปจ๋ฒค์…˜์„ ์œ ์ง€ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. UI ์ปดํฌ๋„ŒํŠธ ํ…Œ์ŠคํŠธ์™€ ๋””์ž์ด๋„ˆ ํŒŒํŠธ์˜ QA ์ž‘์—…์„ ์›ํ™œํ•˜๊ฒŒ ์ง„ํ–‰ํ•˜๊ธฐ ์œ„ํ•ด Storybook์„ ์‚ฌ์šฉํ•˜์˜€์Šต๋‹ˆ๋‹ค.


โš™๏ธ ์ธํ”„๋ผ

แ„‹แ…ตแ†ซแ„‘แ…ณแ„…แ…ก

AWS์— ์—ฌ๋Ÿฌ ํ™˜๊ฒฝ์œผ๋กœ ๋ฐฐํฌํ•˜๊ธฐ ์œ„ํ•ด Serverless Framework๋กœ IaC ํ•˜์˜€๊ณ , GitHub Actions๋ฅผ ํ†ตํ•ด 3๊ฐœ์˜ ํ™˜๊ฒฝ์œผ๋กœ ๋ฐฐํฌ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


๐Ÿ–ฅ ๋ชจ๋‹ˆํ„ฐ๋ง

แ„†แ…ฉแ„‚แ…ตแ„แ…ฅแ„…แ…ตแ†ผ

Sentry, Hotjar, Mixpanel ๋“ฑ์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ฐœ๋ฐœ๊ณผ ๊ธฐํš์„ ์šฉ์ดํ•˜๊ฒŒ ํ•˜๋ ค๊ณ  ํ–ˆ์Šต๋‹ˆ๋‹ค. Hotjar์™€ Mixpanel์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ MVP 2์ฐจ ์ง„ํ–‰ ๋ฐฉํ–ฅ์„ ๊ฒฐ์ •ํ•˜์˜€์Šต๋‹ˆ๋‹ค.


๊ฐœ๋ฐœ์ž

์ด๋ณ‘ํ˜„ ๊น€๋ฏผ์ง€ ์ตœํ‘ธ๋ฆ„
profile profile profile
Tolluset mnxmnz choipureum

About

๐Ÿ“ˆ ๊ฐœ๋ฏธ๋Š”ํˆฐํˆฐ :: ์›นํˆฐ ๋…์ž๋ฅผ ์œ„ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”Œ๋žซํผ

Topics

Resources

License

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •