[SW๊ฐ๋ฐ] ๋ญํค ํ ๋ผ ํ ์คํธ: ๊ณ๋ฌ๋ ์ ๋ ์ด์ธ ํ ์คํธ ์๊ฐ
๐ ๋ค์ด๊ฐ๋ฉฐ
๋ณธ ํฌ์คํ ์์๋ ์ง์ ๊ธฐํ๋ถํฐ ๊ฐ๋ฐ๊น์ง ์ฃผ๋ํ ๊ณ๋ฌ๋ ์ ๋ ์ด์ธ ํ ์คํธ '๋ญํค ํ ๋ผ ํ ์คํธ' ์น ์๋น์ค๋ฅผ ์๊ฐํฉ๋๋ค.
๐ ๋ชฉ์ฐจ
1. ๊ฐ์
2. ์๋น์ค ํ๋ฆ๋
3. ์๋น์ค ์์ธ ์๊ฐ
4. ๊ธฐ์ ์คํ
5. ๊ฒฐ๋ก ๋ฐ ์ ์ธ
๐ 1. ๊ฐ์

๋ณธ ์๋น์ค๋ 2023๋
๊ฒ์ ํ ๋ผ์ ํด์ธ ๊ณ๋ฌ๋
(็ธๅฏๅนด)์ ๋ง์ดํ์ฌ ์ ๋
์ด์ธ๋ฅผ ํ์ธํด ๋ณด๋ ์น ์๋น์ค์
๋๋ค. ์ด 6๊ฐ์ง ์ํฉ์ด ์ฃผ์ด์ง๋ ๋ฌธํญ์ ๊ฐ๊ฐ ์ด์ง์ ๋คํ์ผ๋ก ๋ณธ์ธ์ด๋ผ๋ฉด ์ด๋ค ์๊ฐ๊ณผ ํ๋์ ํ ์ง ๋ต๋ณํ๋ฉด ์ด์ธ๋ฅผ ๊ณ ๋ คํ ํ ๋ผ ์บ๋ฆญํฐ์ ํจ๊ป ์ด์ธ ํ์ด๋ฅผ ์ ๊ณตํฉ๋๋ค. ๊ทธ๋์ ์๋น์ค ์ด๋ฆ๋ ์ด์ ๋ปํ๋ Lucky์ ํ ๋ผ๋ฅผ ๊ฒฐํฉํ '๋ญํค ํ ๋ผ'๋ก ์๋ช
ํ์์ต๋๋ค.
'์ ๋
์ธ ๋งํผ ์ด์ธ์ ๋ํด ๊ถ๊ธํดํ์ง ์์๊น'๋ผ๋ '์ ๋
์ด์ธ'์ 'ํ ๋ผ๋ ํด'๋ผ๋ 2๊ฐ์ง ํค์๋๋ฅผ ์ค์ฌ์ผ๋ก ์๋น์ค๋ฅผ ๊ธฐํํ์์ต๋๋ค. ํ๋ก ํธ์๋๋ React๋ก, ์ฌ๋ฌ ๋ฐฑ์๋ ์ธํ๋ผ๋ AWS๋ฅผ ํ์ฉํ์ฌ ๊ตฌ์ถํ์์ต๋๋ค. ์ด 3๋ช
์ด์ ๊ฐ์ ์ํฌ๋ฆฌ ์๊ฐ์ ํ์ฉํ์ฌ ๊ธฐํ, ๋์์ธ, ๊ฐ๋ฐ, ์ฒซ ๋ฐฐํฌ๊น์ง ์ฝ ์ผ์ฃผ์ผ ๋ด์ ์์ํ์์ต๋๋ค.
๐ ๋ณธ ์๋น์ค๋ ํ๊ธฐ์ ๋งํฌ๋ฅผ ํตํด ํ์๊ฐ์
์์ด ๋ฌด๋ฃ๋ก ์ด์ฉํ์ค ์ ์์ต๋๋ค.
https://newyearrabbit.click/
๋ญํคํ ๋ผ ํ ์คํธ
newyearrabbit.click
๐ 2. ์๋น์ค ํ๋ฆ๋

์๋น์ค ํ๋ฆ๋๋ ์์ ๊ทธ๋ฆผ 2์ ๊ฐ์ต๋๋ค. ํ์ด์ง๋ ํฌ๊ฒ ๋ฉ์ธ(home) ํ์ด์ง, ์ง๋ฌธ/๋ต๋ณ ํ์ด์ง, ๊ฒฐ๊ณผ ํ์ด์ง๋ก ์ด ์ธ ๋ถ๋ถ์ผ๋ก ๋๋ ์ ์์ต๋๋ค. ๋ฉ์ธ ํ์ด์ง์์ 'Start' ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์ง๋ฌธ/๋ต๋ณ ํ์ด์ง๋ก ์ด๋ํฉ๋๋ค. ์ง๋ฌธ 6๊ฐ์ง์ ๋ํด ์ฐจ๋ก๋๋ก ์ด์ง์ ๋คํ์ผ๋ก ์ ํ์ ์๋ฃํ์๋ฉด ๊ฒฐ๊ณผ ํ์ด์ง์์ ์ฌํด์ ์ด์ธ ํ์ด๋ฅผ ํ์ธํ์ค ์ ์์ต๋๋ค.
๐ 3. ์๋น์ค ์์ธ ์๊ฐ
3.1. ๋ฉ์ธ ํ์ด์ง

๋ฉ์ธ ํ์ด์ง๋ ์์ ๊ทธ๋ฆผ 3๊ณผ ๊ฐ์ต๋๋ค. ์๋น์ค Identity๋ฅผ ๋ณด์ฌ์ฃผ๋ ์๋น์ค ์ด๋ฆ('๋ญํค ํ ๋ผ ํ ์คํธ')๊ณผ ๋ฌธ๊ตฌ๋ฅผ("์ฌํด ๋๋ ์ด๋ค ํ ๋ผ?", "์ฌํด์ ๋ก๋๋ฅผ..?") ๊ธฐ์ ํ์์ต๋๋ค. Start ๋ฒํผ์ ํด๋ฆญํ์๋ฉด ์ง๋ฌธ/๋ต๋ณ ํ์ด์ง๋ก ์ด๋ํฉ๋๋ค. ํ๋จ์ '๊ณต์ ํ๊ธฐ' ๋ฒํผ ๊ทธ๋ฃน์๋ ์ข์ธก๋ถํฐ ์ฐจ๋ก๋๋ก ํ์ด์ค๋ถ, ํ์ด์ค๋ถ ๋ฉ์์ง, URL๋ณต์ฌ, ์นด์นด์คํก ๋งํฌ ๊ณต์ ํ๊ธฐ ๋ฒํผ์ ๋ฐฐ์นํ์์ต๋๋ค. ๊ณต์ ๋ฒํผ ํ๋จ์๋ ํ์ฌ๊น์ง ํ ์คํธํ ๋์ ์ฌ์ฉ์ ์๋ฅผ ํ์ํ ์๋ก ํ๋ ์์ ์์ ๊ฐ๊ด์ ์ธ ์์น๋ก ์ ๊ณตํฉ๋๋ค(i.e., 5๋ง ๋ช +).

์ฐธ๊ณ ๋ก, ์์ ๊ทธ๋ฆผ 4์ ๊ฐ์ด ํ์ด์ง๋ง๋ค ํฐ์ ์ ๋ค์ ๋(snow)์ ๋๋ค. ์๋น์ค ๋ฐฐํฌ ์๊ธฐ๊ฐ ๊ฒจ์ธ์ด์๊ธฐ์, ์นดํก๋ฐฉ์ ๋ ๋ด๋ฆฌ๋ ํจ๊ณผ๊ฐ ์๋ฏ์ด, ์ฌ์ฉ์์๊ฒ ๋ ์น๊ทผํ๊ณ ์ฆ๊ฑฐ์ด ๊ฒฝํ์ ์ฃผ๊ณ ์ ํ์ฉํ์์ต๋๋ค.
3.2. ์ง๋ฌธ/๋ต๋ณ ํ์ด์ง

์ง๋ฌธ/๋ต๋ณ ํ์ด์ง๋ ์์ ๊ทธ๋ฆผ 5์ ๊ฐ์ด ์ด 6๊ฐ์ ์ง๋ฌธ๊ณผ ๊ฐ๊ฐ์ 2๊ฐ์ง ๋ต๋ณ๋ฌธํญ์ผ๋ก ๊ตฌ์ฑํ์์ต๋๋ค. ์๋จ์๋ Progress Bar๋ฅผ ํ์ฉํ์ฌ ์ฌ์ฉ์๊ฐ ์ ์ฒด ๋ฌธํญ ์ค ์ผ๋ง๋ ๋ต๋ณ์ ์๋ฃํ๋์ง, ํ์ฌ ์ํ๋ฅผ ์ธ์งํ ์ ์๋๋ก ์ค๊ณํ์์ต๋๋ค. ์ฌ์ฉ์ ๊ด์ ์์ ์ค๋ฌธ์ง๋ ์ฌ๋ฆฌ ํ ์คํธ์ ๊ฐ์ ์๋น์ค๋ฅผ ์ค๊ณํ ๋๋ ๋ฐ๋์ ์ฌ์ฉ์๊ฐ ํ์ฌ ์ด๋ ์ํ์ ์๋์ง ์๋ ค์ค์ผ ํฉ๋๋ค. ์ฆ, ์ ์ฒด ์ง๋ฌธ์ง ์ค ์ผ๋ง๋ ๋ต๋ณ์ ์๋ฃํ์๊ณ , ์ผ๋ง๋ ์ง๋ฌธ์ง๊ฐ ๋จ์์๋์ง ์๋ ค์ฃผ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์์ ๊ฐ์ Progress Bar๋ ์ฌ์ฉ์ ์ค์ค๋ก ์ง๋ฌธ task๋ฅผ ์์ํ๋ ๋ฐ ํ์ํ ์๊ฐ์ ๋๋ต์ ์ผ๋ก ๊ณ์ฐํ ์ ์๊ธฐ ๋๋ฌธ์, ๋ถ์ ๊ฒฝํ์ ์ค์ด๊ณ ๋ต๋ณ์ ์์ํ๋ ๋ฐ ๋์์ ์ค ์ ์์ต๋๋ค.
3.3. ๊ฒฐ๊ณผ ํ์ด์ง

์์ ๊ทธ๋ฆผ 6์ ๊ฒฐ๊ณผ ํ์ด์ง์
๋๋ค. ์ฌ์ฉ์์ ๋ต๋ณ ๊ฒฐ๊ณผ์ ๋ฐ๋ผ ์ด ํ ๋ผ ์บ๋ฆญํฐ 16๊ฐ์ง ์ข
๋ฅ ์ค ํ๋๋ก ๋งตํํ ์ด์ธ ํ์ด๋ฅผ ์ ๊ณตํฉ๋๋ค. ์๋จ์๋ ์ด์ธ๋ฅผ ํ ๋ง๋๋ก ์ ์ํ ์ ์๋ ๋ฌธ๊ตฌ์ ํจ๊ป, ํด๋น ์ด์ธ์ ์ฐ๊ด๋ ํ ๋ผ ์ด๋ฏธ์ง๋ฅผ ์ฒจ๋ถํ์์ต๋๋ค. ํ ๋ผ ๊ทธ๋ฆผ์ ๋ชจ๋ ํ์
ํ ๋์์ด๋๋ถ๊ป์ ์ง์ ์์
ํด ์ฃผ์
จ์ต๋๋ค.
์ด์ธ ํ์ด๋ ์ข
ํฉ์ ์ธ ์ด์ธ ์ง์(index)์ ์์ ํ ํ์ด์์ผ๋ก ๊ตฌ์ฑํ์์ต๋๋ค. ๋จผ์ , ์ด์ธ ์ง์๋ ์ฌ์ฉ์๊ฐ ๊ฐ์ฅ ๊ด์ฌ ์์ ๋ฒํ 3๊ฐ์ง ์ด์ธ ์ข
๋ฅ๋ฅผ ์ฌ๋์ด, ์ฑ๊ณต์ด, ์ฌ๋ฌผ์ด์ผ๋ก ์ ํ๊ณ , ์ฌ์ฉ์ ๋ต๋ณ์ ๋ฐ๋ผ ์ด์ธ ์ ํ๋ณ ์ ์๋ฅผ ์ฐ์ถํ์ฌ ์ ๊ณตํฉ๋๋ค. ๊ธ์ ์ ์ธ ์ด์ด ๊ฐ๋ํ ์๋ก ํด๋น ์ด์ธ ์ ํ๋ง๋ค ๋นจ๊ฐ์ ํํธ๊ฐ ์ถ๊ฐ๋ฉ๋๋ค. ๋ค์์ผ๋ก, ์์ ํ ํ์ด๋ ๊ธ/๋ถ์ ์ด์ธ๋ก ๋๋์ด ํ์ดํ์์ต๋๋ค. ๊ธ์ ์ ์ธ ๊ธฐ์ด์ ์ด์ธ๋ "์ ๋ ๊ฑฐ์์" ์ ๋ชฉ์ ๋งํ์ ์, ์ฃผ์๊ฐ ํ์ํ ์ผ์๋ "์กฐ์ฌํ์ธ์" ์ ๋ชฉ์ ๋งํ์ ์ผ๋ก ๊ตฌ๋ถํ์ฌ ์ ๊ณตํฉ๋๋ค. ์ด์ธ ํ์ด ํ๋จ์, REPLAY ๋ฒํผ์ ํด๋ฆญํ๋ฉด ๋ฉ์ธ ํ์ด์ง๋ก ์ด๋ํฉ๋๋ค. ํ๋จ์ '๊ณต์ ํ๊ธฐ' ๋ฒํผ ๊ทธ๋ฃน์๋ ์ข์ธก๋ถํฐ ์ฐจ๋ก๋๋ก ํ์ด์ค๋ถ, ํ์ด์ค๋ถ ๋ฉ์์ง, URL๋ณต์ฌ, ์นด์นด์คํก ๋งํฌ ๊ณต์ ํ๊ธฐ ๋ฒํผ์ ๋ฐฐ์นํ์์ต๋๋ค.
๊ณต์ ํ๊ธฐ ๋ฒํผ ๊ทธ๋ฃน ํ๋จ์๋ ๋ค๋ฅธ ํ
์คํธ๋ ์ฒดํํด ๋ณผ ์ ์๋๋ก ๋ฐฐ๋๋งํฌ๋ฅผ ์ถ๊ฐํ์์ต๋๋ค. ์ฒซ ๋ฒ์งธ๋ก๋ 2022๋
ํ์ ์ ๋๋ผ๋ง(์๋๊ถ ์ต๊ณ ์์ฒญ๋ฅ 30%) <์ฌ๋ฒ์ง ๋ง๋ด์๋ค> ์์ฌ๋ฅผ ์ค์ฌ์ผ๋ก ์ฑ๊ฒฉ์ ํ ํ
์คํธ(MBTI)๋ฅผ ๊ฐ์ํ์ฌ ๊ฐ๋ฐํ ์น ์๋น์ค <์ฌ๋ฒ์ง ๋ง๋ด์๋ค ํ
์คํธ>์
๋๋ค. ๋ ๋ฒ์งธ๋ก๋ ์นดํก ๋ํ ๋ถ์์ ํตํด ์นดํก๋ฐฉ ๊ตฌ์ฑ์ ๊ฐ๊ฐ์ด ์ด๋ค ์ฑํฅ/์ฑ๊ฒฉ/์ทจํฅ์ ๊ฐ๋์ง 'OO์'์ผ๋ก ๋ถ์ํ๊ณ ๋ง์ถคํ ์ ๋ฌผ๊น์ง ์ถ์ฒํด ์ฃผ๋ <์นดํก ๋ถ์ ์ ํ
์คํธ>์
๋๋ค. ํด๋น ์๋น์ค ์ด๋ฆ์ ํด๋ฆญํ์๋ฉด ํ์๊ฐ์
์์ด ๋ฌด๋ฃ๋ก ์ฒดํํ ์ ์์ต๋๋ค.
๐ 4. ๊ธฐ์ ์คํ
ํ๋ก ํธ์๋๋ React๋ก, ๋ฐฑ์๋ ๋ฐ ์ธํ๋ผ๋ AWS๋ฅผ ํ์ฉํ์ฌ ๊ฐ๋ฐํ์์ต๋๋ค. ์ฌ์ฉํ AWS ์๋น์ค๋ ํ๊ธฐ์ ๊ฐ์ต๋๋ค.
1) Lambda
- ์ ์
์๊ฐ, ์ฌ์ฉ์ ์ tracking
2) DynamoDB
- ์ ์
์ฌ์ฉ์ ์๊ฐ/์ ์ ์ฅ
3) API Gateway
- API ํ์ฉ
4) S3
- ์น ํธ์คํ
5) CloudFront
- ๋ฐฐํฌ
6) Route53
- ๋๋ฉ์ธ ํ์ฉ
๐ 5. ๊ฒฐ๋ก ๋ฐ ์ ์ธ
๋ณธ ์๋น์ค๋ 2023๋
์ ๊ฒ์ ํ ๋ผ์ ํด์ธ ๊ณ๋ฌ๋
(็ธๅฏๅนด)์ ๋ง์ ์ ๋
์ด์ธ๋ฅผ ์ฌ๋ฏธ ์ผ์ ํ์ธํด ๋ณผ ์ ์๋ ์น ์๋น์ค์
๋๋ค. 6๊ฐ์ง ํน์ ์ํฉ์ด ๊ฐ๊ฐ ์ฃผ์ด์ก์ ๋ ์ฌ์ฉ์์ ์๊ฐ๊ณผ ํ๋์ ๋ต๋ณ๋ฐ์ ์ฌ ํ ํด ์ด์ธ ํ์ด๋ฅผ ๊ท์ฌ์ด ํ ๋ผ ๊ทธ๋ฆผ๊ณผ UI๋ฅผ ํ์ฉํ์ฌ ์ ๊ณตํฉ๋๋ค.
๋ณธ ์๋น์ค์ ํจ์์ ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. ์ฒซ์งธ, ์ด์ธํ์ด๋ฅผ ์ฌ ํ ํด๋ ์ด๋ค ํ ๋ผ ์บ๋ฆญํฐ์ฒ๋ผ ์ด์๊ฐ์ง Young ํ ๊ฐ์ฑ์ผ๋ก ํ์ด๋๋ค๋ ์ ์
๋๋ค. ๊ธฐ์กด ์ด์ธํ์ด ์๋น์ค๋ ๋๋ถ๋ถ ์ฌ๋์ด์ ์ด๋ ์ ๋๋ฉฐ, ์ฌ๋ฌผ์ด์ ์ด๋ป๊ณ ์ ๊ฐ์ด ํ์ ๋ฐํ ์์ต๋๋ค. ์ด๋ MBTI ์ฑ๊ฒฉ์ ํ ํ
์คํธ์ ๊ฐ์ ๋์งํธ ์ค๋ต(snack) ์๋น์ค์ ์ต์ํ ์ฌ์ฉ์์๊ฒ ์ง๋ฃจํ๊ณ ๊ณ ๋ฆฌํ๋ถํ๊ฒ ๋๊ปด์ง๊ธฐ ์ฝ์ต๋๋ค. ์ด์, ๋ณธ ์๋น์ค๋ OO์ด์ธ์ ๊ฐ์ ๋จ์ด๋ ์ง์ํ๊ณ , ๊ท์ฝ๊ณ ์ ์ ๊ฐ์ฑ์ ๊ฐ์ง ํ ๋ผ ๊ทธ๋ฆผ๊ณผ UI๋ฅผ ์ ๊ทน ํ์ฉํ์์ต๋๋ค. ์ค์ ๋ก, ์ธ์คํ๊ทธ๋จ ์ธํ๋ฃจ์ธ์ ๋ง์ผํ
์์ ์ค ์ฌ์ฉ์๋ค์ด ๊ทธ๋ฆผ์ด ๊ท์ฝ๊ณ ํ ๋ผ ์บ๋ฆญํฐ๋ฅผ ํ์ฉํ ์ด์ธ ํ์ด๊ฐ ์ฌ๋ฐ๊ณ ์ ์ ํด์ ์ฌ๊ณต์ ํ๋ ์ฌ๋ก๊ฐ ๋ง์์ต๋๋ค.
๋์งธ, 6๊ฐ์ ๋ฌธํญ๋ง์ผ๋ก ์ด์ธ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ์๋ณผ ์ ์๋ ๊ฐํธํจ์
๋๋ค. ๋ฌธํญ ์๊ฐ ๋ง์์ง๊ณ ๋ฌธํญ ์์ฒด๊ฐ ์ด๋ ค์์ง์๋ก ์ฌ์ฉ์๋ ๋ต๋ณ ์ฌ์ (journey)์์ ์คํธ๋ ์ค๋ฅผ ๋ฐ์ ๊ฒ์ด๋ฉฐ, ์์ฐ์ค๋ฝ๊ฒ ์ด์ธ ํ์ด์ ๋ํ ๋์ ์ ํ๋๋ฅผ ๊ธฐ๋ํ๊ฒ ๋ฉ๋๋ค. ํ์ง๋ง ์์ง ์ค์ง ์์ ํ ํด์ ์ด์ธ๋ฅผ ๊ณผํ์ ์ผ๋ก ์ ํํ๊ฒ ์์ธกํ๊ธฐ๋ ๋งค์ฐ ์ด๋ ค์ด ์ผ์
๋๋ค. ์ด์ธ๋ฅผ ๋งน์ ํ๋ ๋ถ๋ค๋ ์ผ๋ถ ๊ณ์๊ฒ ์ง๋ง, ๋๋ถ๋ถ ์ฌ๋ฏธ ์ผ์ ์ฒดํํด ๋ณด๊ณ ๋ณธ์ธ์๊ฒ ํ์ํ๊ฑฐ๋ ํน์ ์ธ์ ๊น์ ๋ฌธ๊ตฌ๋ง ๊ท๋ด์๋ฃ์ต๋๋ค. ์ด๋ฌํ ๊ด์ ์์, ๋ณธ ์๋น์ค๋ ๋ฌธํญ ์๋ฅผ ์ต๋ํ ์ค์ด๊ณ , ๋ฌธํญ ์์ฒด๋ ์ฌ๋ฌ ๋ฒ ๋ค๋ฌ์ด ์งง๊ณ ํฐ ๊ณ ๋ฏผ ์์ด ๋ต๋ณํ ์ ์๋๋ก ์ค๊ณํ์์ต๋๋ค.
๐ ๋ณธ ์๋น์ค๋ ์๋ ๋งํฌ๋ฅผ ํตํด ํ์๊ฐ์
์์ด ๋ฌด๋ฃ๋ก ์ฒดํ ๊ฐ๋ฅํฉ๋๋ค.
https://newyearrabbit.click/
๋ญํคํ ๋ผ ํ ์คํธ
newyearrabbit.click
๐จโ๐ป ์ฐธ๊ณ ํ ๋งํ ํฌ์คํ
[SW๊ฐ๋ฐ] ๋ญํค ํ ๋ผ ํ ์คํธ: ๊ณ๋ฌ๋ ์ ๋ ์ด์ธ ํ ์คํธ ์๊ฐ
[SW๊ฐ๋ฐ] MZ์คํผ์ค ํ ์คํธ: ๋์ ๊ผฐ๋๋ ฅ/MZ๋ ฅ์?
ํฌ์คํ
๋ด์ฉ์ ์ค๋ฅ๊ฐ ์๋ค๋ฉด ๋๊ธ ๋ถํ๋๋ฆฝ๋๋ค.
๊ทธ๋ผ ์ค๋๋ ์ฆ๊ฑฐ์ด ํ๋ฃจ ๋ณด๋ด์๊ธธ ๋ฐ๋๋๋ค :)
๊ณ ๋ง์ต๋๋ค๐