feat: 랜덤 닉네임 생성 #46

Author: novice0840

frontend/src/pages/NicknamePage/NicknamePage.tsx

@@ -1,14 +1,17 @@
 import { profile, nickname, nicknameInputWrapper, nicknameInput } from './NicknamePage.styled';
 
 import Content from '@/components/layout/Content/Content';
+import { createRandomNickname } from '@/utils/nickname';
 
 const NicknamePage = () => {
+  const randomNickname = createRandomNickname();
+
   return (
     <Content>
       <div css={profile}></div>
       <div css={nickname}>닉네임</div>
       <div css={nicknameInputWrapper}>
-        <input css={nicknameInput} type="text" placeholder="닉네임을 입력해 주세요" />
+        <input css={nicknameInput} type="text" placeholder={randomNickname} />
       </div>
     </Content>
   );

frontend/src/utils/.gitkeep

@@ -0,0 +1,9 @@
+export const createRandomNickname = () => {
+  const adjectives = ['배고픈', '성실한', '욕망의', '섹시한', '멋있는', '타락한'];
+  const nouns = ['마루', '썬데이', '프린', '이든', '포메', '타칸', '커찬'];
+
+  const randomAdjective = adjectives[Math.floor(Math.random() * adjectives.length)];
+  const randomNoun = nouns[Math.floor(Math.random() * nouns.length)];
+
+  return `${randomAdjective} ${randomNoun}`;
+};