) => {
+ e.preventDefault();
+
+ const isEnableReg =
+ username.value !== "" &&
+ password !== "" &&
+ !pwdError &&
+ part !== -1 &&
+ team !== -1;
+
+ if (isEnableReg) {
+ const data = await fetchRegister();
+ router.push('/')
+ } else {
+ alert("조건을 확인해주세요");
+ }
+
+ };
+
+ const fetchRegister = async() =>{
+ const settings = {
+ method: 'POST',
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ email:useremail.value,
+ password: password,
+ name: username.value,
+ department: part,
+ team: team
+ })
+ };
+
+ try {
+ const fetchResponse = await fetch('http://ec2-3-37-33-162.ap-northeast-2.compute.amazonaws.com/account/register/', settings);
+ const data = await fetchResponse.json();
+ return data;
+ } catch (e) {
+ return e;
+ }
+ }
+
+
+ return (
+ <>
+
+
+ CEOS 운영진 선출 투표
+
+
+
로그인
+
+
+ {Part} 투표 현황
+ {
+ Part === 'DEMO' ?
+ dataTeam.map((data:any,idx:number)=>{
+ return(
+
+ )
+ })
+ :
+ dataDepartmentList.map((data:any,idx:number)=>{
+ return(
+
+ )
+ })
+ }
+
+
+
+ )
+}
+
+// get 부분
+export const getServerSideProps : GetServerSideProps = async() => {
+ const URL_department = 'https://ceos-16-vote.ml/users/department/1';
+ const URL_team = 'https://ceos-16-vote.ml/users/team/1';
+ const dataDepartment = await (await fetch(URL_department)).json();
+ const dataTeam = await (await fetch(URL_team)).json();
+
+ return{
+ props:{
+ dataDepartment,
+ dataTeam
+ }
+ }
+}
\ No newline at end of file
diff --git a/pages/vote/[Part].tsx b/pages/vote/[Part].tsx
new file mode 100644
index 0000000..fe264eb
--- /dev/null
+++ b/pages/vote/[Part].tsx
@@ -0,0 +1,155 @@
+import { useRouter } from "next/router";
+import { useState } from "react";
+import { GetServerSideProps } from 'next'
+import DepartmentBox from "../../src/components/common/DepartmentBox";
+import TeamBox from "../../src/components/common/TeamBox";
+
+export default function Part({
+ dataDepartment,
+ dataTeam
+} : any){
+ const router = useRouter();
+ const {Part} = router.query;
+ let department_id = -1;
+
+ if(Part === 'FE'){
+ department_id = 0
+ }else{
+ department_id = 1
+ }
+
+ const [vote, setVote] = useState({
+ id: 0,
+ part: "department"
+ });
+
+ // fe, be 리스트 -> fetch로 바꾸기
+ const dataList_department = dataDepartment.filter((value:any)=>{
+ return value.department_id === department_id
+ })
+
+ const handleClick = async () => {
+ // 투표 버튼 api 쓰기
+
+ const {id, part}= vote;
+ if(part === "department"){
+ const data = dataDepartment.filter((value:any)=> value.id === id)
+ const response = await fetchVote(data[0],part);
+ if(response === 'success'){
+ router.push(`/result/${Part}`)
+ }
+
+ }else{
+ const data = dataTeam.filter((value:any)=> value.id === id)
+ const response = await fetchVote(data[0],part);
+ if(response === 'success'){
+ router.push(`/result/${Part}`)
+ }
+ }
+
+ }
+
+ const getVoteData = (vote : {id: number; part: string;}) => {
+ setVote(vote)
+ }
+
+ const fetchVote = async (data:any,part:string) => {
+ const name = part === 'department' ? data.id : null
+ const department = part === 'department' ? data.department_id : null
+ const team = part === 'department' ? null : data.id
+
+ try {
+ const URL = 'https://ceos-16-vote.ml/users/vote/';
+ const data = await (await fetch(URL,{
+ method: 'POST',
+ credentials: 'include',
+ mode: 'cors',
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ name: name,
+ department: department,
+ team: team
+ })
+ })).json();
+ return data;
+ } catch (error) {
+ return error;
+ }
+ }
+
+ return(
+
+
+ {Part} 투표하기
+ {
+ Part === 'DEMO' ?
+ dataTeam.map((data:any,idx:number)=>{
+ return(
+
+ )
+ })
+ :
+ dataList_department.map((data:any,idx:number)=>{
+ return(
+
+ )
+ })
+ }
+
+
+
+
+
+
+
+
+
+
+
+ CEOS 16기 투표
+
+ {user.name} {department}
+ {
+ user.isLogged ?
+
+ :
+ router.pathname === "/" &&
+
+ 로그인
+
+ }
+
+
+ {children}
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/features/counter/counterSlice.tsx b/src/features/counter/counterSlice.tsx
new file mode 100644
index 0000000..b91828a
--- /dev/null
+++ b/src/features/counter/counterSlice.tsx
@@ -0,0 +1,21 @@
+import {createSlice} from '@reduxjs/toolkit';
+import { AppState } from '../../store';
+
+const counterSlice = createSlice({
+ name: 'counterSlice',
+ initialState: {value:0},
+ reducers:{
+ up:(state,action) => {
+ state.value = state.value + action.payload;
+ },
+ down : (state,action) => {
+ state.value = state.value - action.payload;
+ }
+ }
+})
+
+export const selectCount = (state: AppState) => state.counter.value;
+
+export default counterSlice;
+
+export const {up, down} = counterSlice.actions;
\ No newline at end of file
diff --git a/src/features/user/userSlice.tsx b/src/features/user/userSlice.tsx
new file mode 100644
index 0000000..12e98e4
--- /dev/null
+++ b/src/features/user/userSlice.tsx
@@ -0,0 +1,40 @@
+import { createSlice } from "@reduxjs/toolkit";
+import { stat } from "fs";
+import { AppState } from "../../store";
+
+const userSlice = createSlice({
+ name: 'userSlice',
+ initialState: {
+ isLogged : false,
+ useremail : '',
+ password : '',
+ department: -1,
+ team: -1,
+ name: ''
+ },
+ reducers: {
+ login:(state,action) => {
+ state.isLogged = true;
+ state.useremail = action.payload.useremail;
+ state.password = action.payload.password;
+ state.department = action.payload.department;
+ state.team = action.payload.team;
+ state.name = action.payload.name;
+
+ },
+ logout:(state)=>{
+ state.isLogged = false;
+ state.useremail = '';
+ state.password = '';
+ state.department = -1;
+ state.team = -1;
+ state.name = '';
+ }
+ }
+})
+
+export const selectUser = (state : AppState) => state.user;
+
+export default userSlice;
+
+export const {login ,logout} = userSlice.actions;
\ No newline at end of file
diff --git a/src/hooks/useInput.tsx b/src/hooks/useInput.tsx
new file mode 100644
index 0000000..2b87577
--- /dev/null
+++ b/src/hooks/useInput.tsx
@@ -0,0 +1,12 @@
+import { useState, useEffect } from "react";
+
+export default function useInput(defaultValue: any) {
+ const [value, setValue] = useState(defaultValue);
+
+ const onChange = (e: React.ChangeEvent) => {
+ const { value } = { ...e.target };
+ setValue(value);
+ };
+
+ return { value, onChange };
+}
diff --git a/src/store.tsx b/src/store.tsx
new file mode 100644
index 0000000..a61a5c5
--- /dev/null
+++ b/src/store.tsx
@@ -0,0 +1,35 @@
+import { combineReducers, configureStore } from '@reduxjs/toolkit'
+
+import counterSlice from './features/counter/counterSlice'
+import userSlice from './features/user/userSlice'
+
+import storage from 'redux-persist/lib/storage'
+import { persistReducer, persistStore } from 'redux-persist'
+import thunk from 'redux-thunk'
+
+const persistConfig = {
+ key: 'root',
+ storage,
+}
+
+const reducer = combineReducers({
+ counter: counterSlice.reducer,
+ user : userSlice.reducer
+})
+
+const persistedReducer = persistReducer(persistConfig, reducer);
+
+export function makeStore(){
+ return configureStore({
+ reducer: persistedReducer,
+ middleware: [thunk]
+ })
+}
+
+const store = makeStore()
+
+export type AppState = ReturnType
+
+export default store;
+
+export const persistor = persistStore(store);
\ No newline at end of file
diff --git a/styles/Home.module.css b/styles/Home.module.css
new file mode 100644
index 0000000..bd50f42
--- /dev/null
+++ b/styles/Home.module.css
@@ -0,0 +1,129 @@
+.container {
+ padding: 0 2rem;
+}
+
+.main {
+ min-height: 100vh;
+ padding: 4rem 0;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.footer {
+ display: flex;
+ flex: 1;
+ padding: 2rem 0;
+ border-top: 1px solid #eaeaea;
+ justify-content: center;
+ align-items: center;
+}
+
+.footer a {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-grow: 1;
+}
+
+.title a {
+ color: #0070f3;
+ text-decoration: none;
+}
+
+.title a:hover,
+.title a:focus,
+.title a:active {
+ text-decoration: underline;
+}
+
+.title {
+ margin: 0;
+ line-height: 1.15;
+ font-size: 4rem;
+}
+
+.title,
+.description {
+ text-align: center;
+}
+
+.description {
+ margin: 4rem 0;
+ line-height: 1.5;
+ font-size: 1.5rem;
+}
+
+.code {
+ background: #fafafa;
+ border-radius: 5px;
+ padding: 0.75rem;
+ font-size: 1.1rem;
+ font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
+ Bitstream Vera Sans Mono, Courier New, monospace;
+}
+
+.grid {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-wrap: wrap;
+ max-width: 800px;
+}
+
+.card {
+ margin: 1rem;
+ padding: 1.5rem;
+ text-align: left;
+ color: inherit;
+ text-decoration: none;
+ border: 1px solid #eaeaea;
+ border-radius: 10px;
+ transition: color 0.15s ease, border-color 0.15s ease;
+ max-width: 300px;
+}
+
+.card:hover,
+.card:focus,
+.card:active {
+ color: #0070f3;
+ border-color: #0070f3;
+}
+
+.card h2 {
+ margin: 0 0 1rem 0;
+ font-size: 1.5rem;
+}
+
+.card p {
+ margin: 0;
+ font-size: 1.25rem;
+ line-height: 1.5;
+}
+
+.logo {
+ height: 1em;
+ margin-left: 0.5rem;
+}
+
+@media (max-width: 600px) {
+ .grid {
+ width: 100%;
+ flex-direction: column;
+ }
+}
+
+@media (prefers-color-scheme: dark) {
+ .card,
+ .footer {
+ border-color: #222;
+ }
+ .code {
+ background: #111;
+ }
+ .logo img {
+ filter: invert(1);
+ }
+}
diff --git a/styles/globals.css b/styles/globals.css
new file mode 100644
index 0000000..7830f67
--- /dev/null
+++ b/styles/globals.css
@@ -0,0 +1,35 @@
+html,
+body {
+ padding: 0;
+ margin: 0;
+ font-family: 'LINESeedKR-Bd';
+
+ /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+ Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; */
+}
+
+@font-face {
+ font-family: 'LINESeedKR-Bd';
+ src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2');
+ font-weight: 700;
+ font-style: normal;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+@media (prefers-color-scheme: dark) {
+ html {
+ color-scheme: dark;
+ }
+ body {
+ color: white;
+ background: black;
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..99710e8
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,20 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+ "exclude": ["node_modules"]
+}