[7주차] REDDI 미션 제출합니다.

.env

@@ -0,0 +1 @@
+NEXT_PUBLIC_API_URL = 'http://3.34.190.160:8080/'

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierrc

@@ -0,0 +1,9 @@
+{
+    "singleQuote": false,
+    "semi": true,
+    "useTabs": false,
+    "tabWidth": 2,
+    "trailingComma": "all",
+    "printWidth": 80
+  }
+

api/auth.js

@@ -0,0 +1,45 @@
+import client from "./client";
+
+export const signIn = async (userData) => {
+  const response = await client.post("/api/auth/signin", {
+    username: userData.username,
+    password: userData.password,
+  });
+  return response.data;
+};
+
+export const loginUserInfo = async (info) => {
+  const response = await client.get("/api/member/info", {
+    headers: {
+      Authorization: `Bearer ${info.accessToken}`,
+    },
+  });
+  return response.data;
+};
+
+export const signUp = async (userData) => {
+  const response = await client.post("/api/auth/signup", {
+    username: userData.username,
+    password: userData.password,
+    name: userData.name,
+    email: userData.email,
+    teamName: userData.teamName,
+    part: userData.part,
+    isVerified: true,
+  });
+  return response.data;
+};
+
+export const checkUsername = async (username) => {
+  const response = await client.post("/api/auth/verify/username", {
+    username: username,
+  });
+  return response.data;
+};
+
+export const checkEmail = async (email) => {
+  const response = await client.post("/api/auth/verify/email", {
+    email: email,
+  });
+  return response.data;
+};

api/client.js

@@ -0,0 +1,8 @@
+import axios from "axios";
+
+const client = axios.create({
+  baseURL: process.env.NEXT_PUBLIC_API_URL,
+  withCredentials: true,
+});
+
+export default client;

api/getResult.js

@@ -0,0 +1,22 @@
+import client from "./client";
+
+//프론트 투표 결과 get
+export const getFrontResult = async () => {
+  const response = await client.get(`/api/partleader/front/result`);
+  // console.log(response.data);
+  return response.data.data;
+};
+
+//백 투표 결과 get
+export const getBackResult = async () => {
+  const response = await client.get(`/api/partleader/back/result`);
+  // console.log(response.data);
+  return response.data.data;
+};
+
+//데모데이 투표 결과 get
+export const getProjectResult = async () => {
+  const response = await client.get(`/api/project/result`);
+  // console.log(response.data);
+  return response.data.data;
+};

api/voteAPI.js

@@ -0,0 +1,53 @@
+import client from "./client";
+
+//front 투표 리스트 get
+export const getFrontList = async () => {
+  const response = await client.get(`/api/partleader/front`);
+  //console.log(response.data);
+  return response.data.data;
+};
+
+//back 투표 리스트 get
+export const getBackList = async () => {
+  const response = await client.get(`/api/partleader/back`);
+  // console.log(response.data);
+  return response.data.data;
+};
+
+//team 투표 리스트 get
+export const getTeamList = async () => {
+  const response = await client.get(`/api/project`);
+  // console.log(response.data);
+  return response.data.data;
+};
+
+//partleader 투표
+export const voteLeader = async (info) => {
+  const response = await client.post(
+    `/api/partleader`,
+    { partLeaderId: info.partLeaderId },
+    {
+      headers: {
+        Authorization: `Bearer ${info.accessToken}`,
+      },
+    },
+  );
+  console.log(response.data);
+  return response.data.data;
+};
+
+//partleader 투표
+export const voteTeam = async (info) => {
+  const response = await client.post(
+    `/api/project`,
+    { projectId: info.projectId },
+
+    {
+      headers: {
+        Authorization: `Bearer ${info.accessToken}`,
+      },
+    },
+  );
+  //console.log(response.data);
+  return response.data.data;
+};

components/HeadFunction.js

@@ -0,0 +1,9 @@
+import Head from "next/head";
+//Head Title 바꾸는 컴포넌트
+export default function HeadFunction({ title }) {
+  return (
+    <Head>
+      <title>{title} page | REDDI</title>
+    </Head>
+  );
+}

components/Layout.js

@@ -0,0 +1,58 @@
+import Image from "next/image";
+import Link from "next/link";
+import styles from "../styles/Home.module.css";
+import { useState } from "react";
+import { isLogin } from "../utils/atom";
+import { useRecoilState } from "recoil";
+import { useRouter } from "next/router";
+
+export default function Layout({ children }) {
+  const router = useRouter();
+  const [isLoginState, setIsLoginState] = useRecoilState(isLogin);
+  return (
+    <>
+      <div className={styles.headBox}>
+        <Link href="/">
+          <a>
+            <Image
+              src="/images/ceosIcon.svg"
+              width={172}
+              height={73}
+              alt="Logo"
+            />
+          </a>
+        </Link>
+
+        {isLoginState ? (
+          <div className={styles.loginBox}>
+            <button
+              className={`${styles.buttons} ${styles.loginButton}`}
+              onClick={() => {
+                alert("로그아웃 완료");
+                setIsLoginState(false);
+                router.push("/");
+              }}
+            >
+              로그아웃
+            </button>
+          </div>
+        ) : (
+          <div className={styles.loginBox}>
+            <Link href="/login">
+              <button className={`${styles.buttons} ${styles.loginButton}`}>
+                로그인
+              </button>
+            </Link>
+            <Link href="/signup">
+              <button className={`${styles.buttons} ${styles.signupButton}`}>
+                회원가입
+              </button>
+            </Link>
+          </div>
+        )}
+      </div>
+
+      <div>{children}</div>
+    </>
+  );
+}

next.config.js

@@ -0,0 +1,7 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  swcMinify: true,
+}
+
+module.exports = nextConfig