Skip to content

Commit

Permalink
feat :: 공지사항 페이지 퍼블리싱
Browse files Browse the repository at this point in the history
  • Loading branch information
@eejx0
eejx0 committed Mar 11, 2024
1 parent d867ffe commit abcb838
Show file tree
Hide file tree
Showing 7 changed files with 542 additions and 309 deletions.
517 changes: 276 additions & 241 deletions .pnp.cjs
View file

Large diffs are not rendered by default.

81 changes: 43 additions & 38 deletions .pnp.loader.mjs
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,11 +31,11 @@
"@types/react": "18.2.21",
"@types/react-dom": "18.2.7",
"@yarnpkg/sdks": "^3.0.0-rc.49",
"autoprefixer": "^10.4.15",
"autoprefixer": "^10.4.17",
"eslint": "^8.50.0",
"eslint-config-next": "^13.5.3",
"postcss": "^8.4.29",
"tailwindcss": "^3.3.3",
"postcss": "^8.4.35",
"tailwindcss": "^3.4.1",
"typescript": "4.7.2"
}
}
52 changes: 52 additions & 0 deletions src/app/mypage/notice/detail/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
export default function NoticeDetailPage() {
return (
<div className="flex justify-center items-center mt-[100px]">
<div className="flex flex-col gap-[40px]">
<div className="text-[28px] font-[500] text-left">공지사항</div>
<div className="w-[1151px] h-[494px] overflow-y-auto">
<div className="bg-white border-[1px] border-gray rounded-[12px] p-[40px]">
<div className="font-[700] text-[28px]">[중요] 신입생 오리엔테이션 안내</div>
<div className="font-[500] text-[20px] mt-[20px]">2023-12-05</div>
<div className="font-[400] text-[16px] mt-[28px]">
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
신입생 오리엔테이션 책자에 있는 입학전 과제의 양식입니다.
첨부파일을 다운받아 사용하시고,
영어와 전공은 특별한 양식이 없으니 내용에 맞게 작성하여 학교 홈페이지에 제출하시기 바랍니다.
</div>
<div className="flex flex-row w-full h-[108px] mt-[32px] border-t-[2px] border-b-[1px] border-[#135C9D] p-[16px] gap-[20px]">
<div className="font-[500] text-[18px] ">첨부자료</div>
<div className="flex flex-col gap-[4px] justify-center">
<div>2024학년도 신입생 과제.hwp</div>
<div>2024학년도 신입생 과제.hwp</div>
<div>2024학년도 신입생 과제.hwp</div>
</div>
</div>
</div>
</div>
</div>
</div>
);
}
21 changes: 21 additions & 0 deletions src/app/mypage/notice/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
import Logo from "@/components/common/Logo"
import NoticeLists from "@/components/notice/NoticeLists"

export default function Notice () {
return (
<div className="flex items-center justify-center mt-[90px]">
<div className="flex flex-col items-center">
<div className="flex flex-row gap-[702px]">
<div className="flex flex-col gap-[20px]">
<div className="font-bold text-[35px]">공지사항</div>
<div className="font-medium text-[20px]">자비스의 새로운 소식을 보실 수 있어요.</div>
</div>
<div className="flex items-end">
<div className="flex items-end text-[32px] text-[#135C9D] font-[806]">JOBIS</div>
</div>
</div>
<NoticeLists />
</div>
</div>
)
}
38 changes: 38 additions & 0 deletions src/components/notice/NoticeLists.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
import Pagination from "../common/Pagination"
import Link from "next/link";

export default function NoticeLists() {

return (
<div className="flex flex-col justify-center items-center mt-[48px] gap-[40px]">
<table className="flex table-fixed flex-col justify-center items-center">
<thead className="flex justify-center items-center border-b-[0.5px] border-t-[2px] border-[#7F7F7F] w-[1119px] h-[60px] bg-[#F7F7F7]">
<tr>
<th className="w-[192px] text-[16px] px-4 py-2">번호</th>
<th className="w-[735px] text-[16px] px-4 py-2">제목</th>
<th className="w-[192px] text-[16px] px-4 py-2">작성일</th>
</tr>
</thead>
<Link href={"/mypage/notice/detail"}>
<tbody className="flex justify-center items-center border-collapse">
<tr className="h-[60px] border-b-[0.5px] border-[#7F7F7F]">
<td className="border-none w-[192px] text-[16px] text-[#135C9D] flex justify-center">12</td>
<td className="border-none w-[735px] text-[16px] flex justify-center">[중요] 오리엔테이션날 일정 안내</td>
<td className="border-none w-[192px] text-[16px] flex justify-center">2024-01-16</td>
</tr>
</tbody>
</Link>
<tbody className="flex justify-center items-center border-collapse">
<tr className="h-[60px] border-b-[0.5px] border-[#7F7F7F]">
<td className="border-none w-[192px] text-[16px] text-[#135C9D] flex justify-center">12</td>
<td className="border-none w-[735px] text-[16px] flex justify-center">2024학년도 신입생 건강검진 안내</td>
<td className="border-none w-[192px] text-[16px] flex justify-center">2024-01-16</td>
</tr>
</tbody>
</table>
<div className="mb-[98px]">
<Pagination />
</div>
</div>
)
}
Loading

0 comments on commit abcb838

Please sign in to comment.