Introduction
UX/UI ๋์์ธ๊ณผ ์น ์ฑ๋ฅ ์ต์ ํ์ ๊ด์ฌ์ด ๋ง์ผ๋ฉฐ, ์ฌ์ฉ์๊ฐ ํธ๋ฆฌํ๊ฒ ์น ์ฌ์ดํธ๋ฅผ ์ด์ฉํ ์ ์๋ ํ๊ฒฝ์ ๋ง๋ค๊ธฐ ์ํด ๋
ธ๋ ฅํฉ๋๋ค.
ํ๋ก์ ํธ์ ํ์ํ ๊ธฐ์ ์ด ์๋ค๋ฉด ์ ๊ทน์ ์ผ๋ก ํ์ตํ๊ณ , ์๋ก์ด ์ฑ๋ฆฐ์ง์ ๋์์์ด ๋์ ํ๊ณ ํด๊ฒฐํฉ๋๋ค.
์ด์ ์ ๋ฌผ๋ฆฌ์น๋ฃ์ฌ๋ก ์ผํ๋ฉฐ ํ์ํฌ์ ํ์ ์ค์ฌ์ ์ ๊ทผ ๋ฐฉ์์ ์ค์์ํ๋ ๊ฒฝํ์ ๋ฐํ์ผ๋ก,
์น ๊ฐ๋ฐ์์๋ ์ฌ์ฉ์ ์ค์ฌ์ ์ธํฐํ์ด์ค์ ํจ์จ์ ์ธ ๊ธฐ๋ฅ์ ๊ตฌํํ์ฌ ์ฌ๋๋ค์๊ฒ ๋ ๋์ ์น ๊ฒฝํ๊ณผ ์ ๋ณด๋ฅผ ์ ๊ณตํ๊ณ ์ ํฉ๋๋ค.
ํ์ฌ next.js์ SSR์ ๋ํด ๊ณต๋ถํ๋ฉฐ ๊ธฐ์กด ํ๋ก์ ํธ๋ฅผ next.js๋ก ๋ฆฌํฉํ ๋งํ๊ณ ,
ํจ์จ์ ์ธ ํด๋ ๊ตฌ์กฐ์ ์ปดํฌ๋ํธ ๋ถ๋ฆฌ์ ๋ํด ๊ณ ๋ฏผํ๊ณ ์์ต๋๋ค.
Project
๐ชงํ๋ก์ ํธ ์ค๋ช

[๋์ MBTI๋] : MBTI๊ธฐ๋ฐ ์ฌํ์ง ์ถ์ฒ&์ปค๋ฎค๋ํฐ ์๋น์ค
์ต๊ทผ ํ๊ตญ์ธ์ ํด์ธ์ฌํ ๊ด๊ด๋น์จ์ ๋นํด ์ ์ ๊ตญ๋ด์ฌํ ๊ด๊ด ๋น์จ์ ๋ฌธ์ ๋ฅผ ์ธ์ํ๊ณ ,
๊ตญ๋ด ์ ๋ช
๋ช
์๋ค์ ์๊ฐํ์ฌ ๊ตญ๋ด ๊ด๊ด์์ฅ์ ํ๊ธฐ๋ฅผ ๋์ฐพ๊ธฐ ์ํด MZ์ธ๋์์ ํ์ฌ ๋์ ํํ๊ณ ์๋ MBTIํค์๋๋ฅผ ์ ๋ชฉํ์ฌ ๊ฐ MBTI๋ณ ์ฌํ์ง ์ถ์ฒ ์๋น์ค์ ํจ๊ป ์ฌํ์ปค๋ฎค๋ํฐ ์๋น์ค ๊ธฐํ
ํ์ - ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ 3๋ช
, ๋ฐฑ์๋ ๊ฐ๋ฐ์ 3๋ช
ํ๋ก์ ํธ ๊ธฐ๊ฐ - 2023.04.28 ~ 2023.05.25 (์ฝ 1๊ฐ์)
๐ํ๋ก์ ํธ ๊ด๋ จ ๋งํฌ
โ๏ธ๊ธฐ์ ์คํ
AWS, React, javascript, typescript, axios, Redux-toolkit, styled-component
๐ฃ๏ธํ์
ํด
Github, Git, Figma, Notion, Discord
๐ป๋ด๋น ๊ตฌํ ๊ธฐ๋ฅ
- ํ๋ก์ ํธ ์์ด๋์ด ์ ์ ๋ฐ ๊ตฌ์ฑ(๊ณตํต)
- UX/UI ๋์์ธ ์ ์(๊ณตํต)
- Figma๋ก ํ๋ก์ ํธ ์ ๋ฐ์ ์ธ ๋์์ธ ๋ฐ ๋ ์ด์์์ ๊ตฌ์ฑํ ํ๋ฉด์ ์์ ๊ตฌํ(๊ณตํต)
- ํ์๊ฐ์
, ๋ก๊ทธ์ธ, oauth, ๋ง์ดํ์ด์ง ๊ตฌํ
- ๊ด๋ฆฌ์ํ์ด์ง ๊ตฌํ
- ๋๋ฉํ์ด์ง, ๋ก๋ฉํ์ด์ง, ์๋ฌํ์ด์ง, ํค๋, ํธํฐ ๊ตฌํ
- ๋ฐ์ํ ๋ ์ด์์ ๊ตฌํ
- ๊ณตํต axios์์ฒญ ํจ์ ๋ชจ๋ํ๋ก ์ฝ๋ ์ค๋ณต ๊ฐ์
- usememo hook ์ฌ์ฉ์ผ๋ก ์ฑ๋ฅ ์ต์ ํ ๊ตฌํ
- redux-tookit์ผ๋ก ๋ก๊ทธ์ธ์ ๋ฌด์ ์ ์ ์ ๋ณด๋ฅผ ์ ์ญ์ํ๋ก ๊ตฌํํ์ฌ props ๋ณต์ก๋ ๊ฐ์
- React.lazy๋ฅผ ์ ์ฉํ์ฌ ์ฝ๋ ๋ถํ ๋ก ์ฑ๋ฅ ํฅ์
- github ์นธ๋ฐ, ๋ง์ผ์คํค, ์ด์ ๊ด๋ฆฌ(๊ณตํต)
- AWS s3, cloudFront, Route53๋ฅผ ํ์ฉํ์ฌ https๋ก ๋ฐฐํฌ
๐ฅ์ฑ์ฅ ๊ฒฝํ
ํ๋ก์ ํธ์์ ํ์ฅ ์ญํ ์ ๋งก์ ํ์ ์ฃผ๋, ๋ฌธ์ ๋ฐ ์ผ์ ๊ด๋ฆฌ๋ฅผ ๋ด๋นํ๊ณ , ํ ๋ด ์์ฌ์ํต์ ์ ๊ทน์ ์ผ๋ก ์ด๋์ด๊ฐ๋ฉฐ ์์ธ๋๋ ํ์์ด ์๋๋ก ํ์ต๋๋ค.
ํ์ ๋ฐ ํ ์ ์์๋ ๋ชจ๋ ํ์๋ค์ ์๊ฒฌ์ ๋ฃ๊ณ ๊ณต์ ํ ์์ฌ๊ฒฐ์ ์ ๋ด๋ฆฌ๊ธฐ ์ํด ๋
ธ๋ ฅํ์ต๋๋ค. ์ด๋ฆฐ ๋ง์์ผ๋ก ํผ๋๋ฐฑ์ ์ฃผ๊ณ ๋ฐ์ผ๋ฉฐ ํ์๋ค์ ์๊ฒฌ์ ์๋ ดํ๋ฉฐ ํจ์จ์ ์ธ ํ์
ํ๊ฒฝ์ ์กฐ์ฑํ์ต๋๋ค.
์ฝ๋ ๋ฆฌ๋ทฐ๋ฅผ ํตํด ์ปดํฌ๋ํธ ๋ถ๋ฆฌ๋ฅผ ์ค์ ์ผ๋ก ๊ฐ์ ์ ์ ์ฐพ๊ณ ์ฝ๋์ ์ฌ์ฌ์ฉ์ฑ๊ณผ ์ ์ง๋ณด์์ฑ์ ๊ณ ๋ คํ์ฌ ๋ชจ๋ํ๋ ์ปดํฌ๋ํธ๋ฅผ ์ค๊ณํ๊ณ ๊ตฌํํ๋ ๋ฐ ์ ๊ฒฝ์ ์ผ์ต๋๋ค. ์ด๋ฅผ ํตํด ์ฝ๋์ ๊ฐ๋
์ฑ๊ณผ ์ ์ฐ์ฑ์ ํฅ์์ํค๋ฉฐ, ์ ์ฒด์ ์ธ ํ๋ก์ ํธ์ ํจ์จ์ฑ์ ๋์ด๋ ๋ฐ ๊ธฐ์ฌํ์ต๋๋ค.
*ํด๋น ํ๋ก์ ํธ ์ข
๋ฃ ํ ํ์๋ถ๋ค์ด ์์ฑํด์ฃผ์ ํผ๋๋ฐฑ๊ณผ ํ๊ธฐ์
๋๋ค.*
