๐ ํ ์คํธ ๊ฐ์
๐ฎ MBTI ์ฑ๊ฒฉ ์ ํ ํ ์คํธ๋ ์ด 40๊ฐ์ ๊ณ ์ ๋ฐ ๋ง์คํฐ ์ง๋ฌธ ํ(Pool) ์ค์์ ๋งค๋ฒ 18๊ฐ์ ์ง๋ฌธ์ ์๋ฒฝํ ๋ฌด์์๋ก ์ ๋ณํ์ฌ ์ถ์ ๋ฉ๋๋ค. ๊ฐ ๋ฌธํญ์ ์ ์ฒด์ ์ธ ์ฑํฅ์ ์ธก์ ํ๋ 5์ง์ ๋คํ ๊ตฌ์กฐ๋ก ์ค๊ณ๋์์ผ๋ฉฐ, ์๋ต์์ ์ ํ์ ๋ฐ๋ผ E/I, S/N, T/F, J/P 4๊ฐ์ง ํต์ฌ ์ถ์ ๊ฐ์ค์น ์ ์๊ฐ ๋์ ๋ฉ๋๋ค. ์ต์ข ๊ฒฐ๊ณผ๋ 16๊ฐ์ง MBTI ์ ํ ์ค ํ๋๋ก ๋์ถ๋๋ฉฐ ์์ธํ ์ธ๊ฒฉ ํน์ฑ ๋ฌ์ฌ์ ํ์์ ์ธ ์ผ๋ฏธ์ ์ถ์ฒ ์กฐํฉ์ ์ค์๊ฐ ๋งค์นญํฉ๋๋ค.
โจ ํน์ฅ์ : 40๋ฌธํญ ๋์ฉ๋ ์ํ ๋ฐฉ์์ผ๋ก ์ค๋ณต ํผ๋ก๊ฐ ์ต์ํ, ๊ณ ๋ณ๋์ฑ ์ ํ ์์ง์ ํตํ ์ ์ ํ ๋ฐ๋ณต ํ ์คํธ ๊ฐ๋ฅ, html2canvas ๊ธฐ๋ฐ ์ง๊ด์ ๊ฒฐ๊ณผ ์นด๋ ์ ์ฅ ๊ธฐ๋ฅ ์ ๊ณต.
๐ ๋น ๋ฅธ ์์ ๊ฐ์ด๋
๐ฅ๏ธ ํ๋ฉด ๊ตฌ์ฑ & ๋ฒํผ ์ค๋ช
๐ ์๋จ ์์ญ
๐ฏ MBTI ์ฑ๊ฒฉ ์ ํ ํ ์คํธ ํต์ฌ ์งํ ์คํค๋ง์ ํจ๊ป 18๋ฌธํญ 5์ง์ ๋คํ ์ง์ฒ๋ ์ํ ๋ฐ ๋ฐ ๋ต๋ณํ ๋ฌธํญ ์นด์ดํฐ๊ฐ ์ฐ๋๋์ด ๋ณด์ฌ์ง๋๋ค.
โ ์ง๋ฌธ ์นด๋
๊ฐ ์ง๋ฌธ์ โN. ์ง๋ฌธ ๋ด์ฉโ ํํ๋ก ์ ์๋๋ฉฐ, ๋ชจ๋ฐ์ผ ํ๊ฒฝ์ ํ ์ ํฐ์น ๋ฒ์๋ฅผ ๋ฐฐ๋ คํ์ฌ ์ฌ์ ์๊ณ ์์ด๋ํ ์บก์ํ ๋ฒํผ ์ธํฐํ์ด์ค๋ก ์พ์ ํ ํผ๋๋ฐฑ์ ์ ๋ฌํฉ๋๋ค.
๐ฎ ํ๋จ ๋ค๋น๊ฒ์ด์
โ ์ด์ : ์ง์ ๋จ๊ณ ์ง๋ฌธ์ง๋ก ๋์๊ฐ๋๋ค (์ฒซ ๋ฒ์งธ ์ง๋ฌธ์์๋ ์์ ์ ์ํด ์ ๊น๋๋ค).
๋ค์ โถ / โจ ๊ฒฐ๊ณผ ๋ณด๊ธฐ โจ : ํ์ฌ ํ์ด์ง ์ ์ง๋ฅผ ์ฒดํฌ ์๋ฃํด์ผ๋ง ๋ฒํผ์ด ํ์ฑํ๋์ด ๋ค์ ๋จ๊ณ ๋ฐฉ์ด๋ฅผ ์ ๋ํฉ๋๋ค.
๐ ๊ฒฐ๊ณผ ํ๋ฉด
16๋ ๋ฉ์ธ MBTI ํ์ดํฌ๊ทธ๋ํผ๊ฐ ์ ๋ช ํ ๊ทธ๋ผ๋ฐ์ด์ ์ผ๋ก ํ์ถ๋๋ฉฐ, ์ธ๋ถ ํค์๋, ์ฌ๋ฆฌ์ ์ํธ๋ณด์ ๊ด๊ณ์ ๋์ธ ์ถ์ฒ MBTI, ๊ทธ๋ฆฌ๊ณ ๊ฐ ์ฐจ์๋ณ ์ค์ฝ์ด ๋ผ์ธ์ด ํ๋จ์ ์์ธ ๋ช ์๋ฉ๋๋ค.
๐ธ ์ด๋ฏธ์ง ์ ์ฅ : ์ธ๊ด ๋ ์ด์์์ ์์ ์์ด ๊ฒฐ๊ณผ ๋ฐ์ค๋ง 2๋ฐฐ์ ๊ณ ํด์๋๋ก ํฌ๋กญ ๋ค์ด๋ก๋ํฉ๋๋ค.
๐ฌ ์นด์นด์คํก ๊ณต์ : Web Share API ํธํ ํ๊ฒฝ์์ ๊ธฐ๊ธฐ ์์ฒด ๋ค์ดํฐ๋ธ ๊ณต์ ๋ค์ด์ผ๋ก๊ทธ๋ฅผ ํธ์ถํฉ๋๋ค.
๐ ๋ค์ ํ
์คํธํ๊ธฐ : ์ด์ ๋ต๋ณ ์คํ์ ํ๊ธฐํ๊ณ ๋ฌธํญ ์ถ์ถ ์์ง์ ์ฌ๊ฐ๋ํฉ๋๋ค.
โ๏ธ ํ ์คํธ ์ค๊ณ & ์ ์ ์ฒด๊ณ
๐งฉ ์์ ๋ฌด์์ ์ ํ ๊ฐ๋ : ๊ธฐ์กด์ ๋จ์ ๋ฐฐ์ด ๋ฐฉ์์์ ๋ฒ์ด๋ 40๊ฐ์ ๊ฑฐ๋ ๋ฌธ์ ํ์์ ์์๋ฅผ ๊ฐ์ ๋ก ์ ๋ ฌํ๋ ์ต์ ์ฅ์น๋ฅผ ์์ ํ ์ ๊ฑฐํ์ต๋๋ค. ์ง๋ฌธ ์ถ์ถ์ ๋ฌผ๋ก ๊ฐ ์ง๋ฌธ ๋ด๋ถ์ 5๊ฐ ๋ณด๊ธฐ ํญ๋ชฉ ๋ฐฐ์น๊น์ง ํผ์ -์์ด์ธ ์๊ณ ๋ฆฌ์ฆ์ผ๋ก ๋งค๋ฒ ๋ค์์ด ๊ณ ์ ๋ ์ ๋ต ํจํด ๋ถ์๊ณผ ์ ํ ํธํฅ์ ๊ต๋ฌํ ๋๋ ค๋์ต๋๋ค.
๐ ๋ค์ฐจ์ ๋์ ๊ฐ์ค์น ์์คํ
: ์ ์ง๋ค์ ํ๋ฉด์ ์ธ ์ ์๊ฐ ์๋๋๋ค. ํด๋น ์งํ๊ฐ ๊ด์ฅํ๋ ์ฑํฅ ์ถ(EI, SN, TF, JP)์ ๋ฐ๋ผ ์ต์ -1.0๋ถํฐ ์ต๋ +1.0๊น์ง์ ์ ๋์ ๋ณต๋ฆฌ ๊ฐ์ค์น๋ฅผ ํ๊ณ ์์ต๋๋ค. ๋ชจ๋ ์ดํฉ์ด 0์ ๊ธฐ์ค์ผ๋ก ์์(+)์ ์์(-)๋ฅผ ๊ฐ๋ฅด๋ ์๊ฐ ์ต์ข
์ ํ์ ์ฑ๊ฒฉ ์ํ๋ฒณ์ด ์์ฑ๋ฉ๋๋ค.
- EI ์ถ ๋์ ์ง์ = +1.5 โ ์ธํฅ ์ฑํฅ ํ์ ('E')
- TF ์ถ ๋์ ์ง์ = -3.0 โ ๊ฐ์ ์ฑํฅ ํ์ ('F')
๐ ๊ฒฐ๊ณผ ํด์ & ์ ๊ณต ์ ๋ณด
ํ ์คํธ ์๋ฃ ํ ํ๋จ ์คํ์ ๋ง์ถคํ ์ฑํฅ ๋ํ ์ ๋ณด๋ฅผ ์ฐ๋ํฉ๋๋ค :
- โจ ์ ๋ฐ ๋์ถ๋ MBTI 4๊ธ์ ์กฐํฉ (์: INTJ, ENFP)
- โจ ์ธ๊ฒฉ ์คํํธ๋ผ ๋ฌ์ฌ : ํต์ฌ ํ๋ ์๋๋ ฅ, ๋์ธ๊ด๊ณ ํ ํฌ ๋ฑ ๊ฐ๋ณ ํน์ง ์๋ก
- โจ ํต์ฌ ์ฑ๊ฒฉ ํค์๋ ๋ผ์ธ : ์ง๊ด์ ์ผ๋ก ๋ณธ์ธ์ ๋๋ณํ๋ 4~5๊ฐ ์ฌ๋ฆฌ ํน์ง ๋จ์ด ๋ช ์
- โจ ๊ฐ์ฅ ์ด์์ ์ธ ์ถ์ฒ ์ผ๋ฏธ ์ ํ : ์๋์ง ๊ต๋ฅ ํจ์จ์ฑ์ด ๊ทน๋ํ๋๋ ๋งค์นญ ์ง๊ฟ ํ๊ธฐ
- โจ ์ข ํฉ ์งํ ๋์ ์ง์ : ๋จ์ ๋ฐฑ๋ถ์จ์ด ์๋, ๋ณธ์ธ์ ์ ํ ๊ฐ๋๋ฅผ ๊ทธ๋๋ก ํฌ์ํ ๋ฐ์ดํฐ ์์น ์ ์ํ
โ ์์ฃผ ๋ฌป๋ ์ง๋ฌธ (FAQ)
์ ์๋๋ ์ง๋ฌธ์ ์ด๋์ด ํ๋ถํด์ก๊ธฐ ๋๋ฌธ์, ์ง์ ์ ํ๋ ํ ์คํธ๋ฅผ ์ฐ๋ฌ์ ๋ค์ ๊ตฌ๋ํ๋๋ผ๋ ๋ฌธํญ์ด ๊ฒน์ณ์ ๋ฐ์ํ๋ ์ค๋ณต ํ์ต ํผ๋ก๋๊ฐ ์ํ์ ์ผ๋ก ์๋ฒฝํ ์๋ฐฉ๋ฉ๋๋ค. ๋ํ ๋ค์ํ ๋ค๋ฉด์ ์ง๋ฌธ ๋ฐฐ์น๊ฐ ๊ฐ๋ฅํด์ ธ ์ง๋จ ์ ๋ฐ๋ ์ญ์ ๋น์ฝ์ ์ผ๋ก ์ฆ๊ฐํ์ต๋๋ค.
์ฑํฅ ์ง์ ๊ฐ์ค์น๊ฐ 0์ ๋งค์ฐ ๊ฐ๊น๊ฒ ์๋ ดํ๋ ๊ท ํ ์กํ ๋ค๋ฉด์ ์ฑ๊ฒฉ ์์ ์์ด์ค ํ๋ฅ ์ด ๋์ต๋๋ค. ๋ฌด์์ ์ ๋ณ๋ ์ง๋ฌธ ์ปจํ ์คํธ์ ๋ฐ๋ผ ๋ฏธ์ธํ ๋ณํ๊ฐ ์ ๋๋ ์ ์์ผ๋ฏ๋ก, ์ฌ๋ฌ ๋ฒ ์๋ํ์ ๋ ๊ฐ์ฅ ๋น๋ฒํ๊ฒ ๋์ถ๋๋ ์ข ํฉ ๋น๋ ์ ํ์ ๋ณธ์ธ์ ์ฃผ ์ฑํฅ์ผ๋ก ์ฐธ๊ณ ํ์๋ฉด ์ข์ต๋๋ค.
๋ด๋ถ ๋ชจ๋ ํ๊ฒฝ์์ ๋๋ฐ์ด์ค ํฝ์ ๋ ์ด์์ค(Device Pixel Ratio)๋ฅผ 2๋ฐฐ์๋ก ๊ณ ํด์๋ ๊ฐ์ ์ค์ผ์ผ๋ง ๋ณด์ ๋ ๋๋ง ์ฒ๋ฆฌ๋ฅผ ์ํํ๋ฏ๋ก ๋ชจ๋ฐ์ผ ๋์คํ๋ ์ด ํด์๋์ ๊ตฌ์ ๋ฐ์ง ์๊ณ ์ ๋ช ํ๊ณ ๊นจ๋ํ ๊ทธ๋ํฝ ํ์ผ ์ ์ฅ์ด ๋ณด์ฅ๋ฉ๋๋ค.
๐ ๏ธ ๊ธฐ์ ํ๊ฒฝ & ํธํ์ฑ
โ
ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ๋ณด์ฅ : Chrome, Safari, Samsung Internet, WebKit ๊ธฐ๋ฐ ์ธ์ฑ ๋ธ๋ผ์ฐ์ ํธํ์ฑ ๊ฒ์ฆ ์๋ฃ
โ
๊ธฐ๊ธฐ ๋ฐ์ดํฐ ๋
๋ฆฝ์ฑ : ์ฌ์ฉ์๊ฐ ํด๋ฆญํ ๋ชจ๋ ๋ง์ฐ์ค/ํฐ์น ์
๋ ฅ ์ ๋ณด๋ ์ธ๋ถ ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ก ์ ์ถ๋๊ฑฐ๋ ์ ์ก๋์ง ์๊ณ ๊ฐ์ธ ๊ธฐ๊ธฐ ์ธ์
๋ฉ๋ชจ๋ฆฌ์์ ์ฆ์ ํ๋ฐ ์๋ฉธํ๋ ๊ฐ๋ ฅํ ํ๋ผ์ด๋ฒ์ ๋ณดํธ ๊ตฌ์กฐ๋ฅผ ์ ์งํฉ๋๋ค.
โ ๏ธ ๋ฌธ์ ํด๊ฒฐ (ํธ๋ฌ๋ธ์ํ )
- ๐ ๊ณต์ API ๊ธฐ๋ฅ์ด ๋จนํต์ ๋๋ค : ๋ธ๋ผ์ฐ์ ๋ณด์ ๊ท๊ฒฉ์ Web Share API ๊ณต์ ๋ชจ๋์ HTTPS ๋ณด์ ํต์ ํ๋กํ ์ฝ ํน์ ๋ก์ปฌ ์น ํ๊ฒฝ(localhost) ๋ด๋ถ์์๋ง ํ์ฑํ๋๋๋ก ์ ์ด๋ฉ๋๋ค. ๋ณด์ ์ฃผ์๊ฐ ์๋ ๊ฒฝ์ฐ [๐ธ ์ด๋ฏธ์ง ์ ์ฅ] ๊ธฐ๋ฅ์ ์ฐํ ๊ฒฝ๋ก๋ก ์ฌ์ฉํด ์ฃผ์ญ์์ค.
- ๐ ๊ฒฐ๊ณผ์ฐฝ ์ด๋ฏธ์ง์ ํ๋จ ์์น ๋ผ์ธ์ด ์๋ ค ๋ณด์ ๋๋ค : ๊ธฐ๊ธฐ ๋์คํ๋ ์ด ์คํฌ๋กค ์คํํน ํ์์ผ ์ ์์ต๋๋ค. ํ์ด์ง๋ฅผ ๋งจ ๋ฐ๋ฐ๋ฅ๊น์ง ๊ฐ๋ณ๊ฒ ํฐ์น ์คํฌ๋กค ๋ค์ดํด ์ฃผ์ ๋ค ์ ์ฅ ๋ฒํผ์ ๋ค์ ํฐ์นํ๋ฉด ์จ์ ํ๊ฒ ํฌ๋กญ๋ฉ๋๋ค.