@edu-tosel/design 1.0.106 → 1.0.108
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/layout/template/About/SectionA.js +1 -1
- package/layout/template/About/SectionB.js +1 -1
- package/layout/template/About/SectionC.js +3 -3
- package/layout/template/About/SectionCD.js +1 -1
- package/layout/template/About/SectionCLeaf.js +4 -9
- package/layout/template/About/SectionD.js +2 -2
- package/layout/template/About/SectionECards.js +6 -6
- package/layout/template/About/SectionF.js +1 -1
- package/layout/template/About/SectionG.js +19 -1
- package/layout/template/home/Navigation.js +2 -2
- package/layout/template/home/Service.js +1 -2
- package/package.json +1 -1
- package/version.txt +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
export default function SectionA() {
|
|
3
|
-
return (_jsx("div", { className: "w-full min-h-screen bg-[url('/images/aboutus/bg/img-aboutus-cover.png')] flex py-55 justify-center bg-cover bg-center ", children: _jsxs("div", { className: "w-[1200px] h-full flex flex-col gap-8 text-white", children: [_jsx("div", { className: "text-xl", children: "15,000\uC5EC\uAC1C\uC758 \uD559\uAD50\uC640 \uD559\uC6D0\uC758 \uC120\uD0DD" }), _jsxs("div", { className: "text-6xl font-bold", children: ["\uB300\uD55C\uBBFC\uAD6D\uC744 \uB300\uD45C\uD558\uB294", _jsx("br", {}), "\uC601\uC5B4\uC778\uC99D\uC2DC\uD5D8"] }), _jsx("img", { src: "/images/aboutus/p1.png", alt: "", className: "object-fit w-70" })] }) }));
|
|
3
|
+
return (_jsx("div", { className: "w-full min-h-screen bg-[url('/images/aboutus/bg/img-aboutus-cover-min.png')] flex py-55 justify-center bg-cover bg-center ", children: _jsxs("div", { className: "w-[1200px] h-full flex flex-col gap-8 text-white", children: [_jsx("div", { className: "text-xl", children: "15,000\uC5EC\uAC1C\uC758 \uD559\uAD50\uC640 \uD559\uC6D0\uC758 \uC120\uD0DD" }), _jsxs("div", { className: "text-6xl font-bold", children: ["\uB300\uD55C\uBBFC\uAD6D\uC744 \uB300\uD45C\uD558\uB294", _jsx("br", {}), "\uC601\uC5B4\uC778\uC99D\uC2DC\uD5D8"] }), _jsx("img", { src: "/images/aboutus/p1-min.png", alt: "", className: "object-fit w-70" })] }) }));
|
|
4
4
|
}
|
|
@@ -18,5 +18,5 @@ export default function SectionB() {
|
|
|
18
18
|
value: "39.3만 개 +",
|
|
19
19
|
},
|
|
20
20
|
];
|
|
21
|
-
return (_jsx("div", { className: " w-full min-h-screen bg-[url('/images/aboutus/bg/img-aboutus-sectionb-bg.png')] flex items-center justify-center justify-center bg-cover bg-center flex-col", children: _jsxs("div", { className: "w-[1200px] h-full flex flex-col text-white", children: [_jsxs("div", { className: "flex flex-col gap-2 mb-16", children: [_jsx("div", { className: "text-2xl font-bold", children: "80\uB9CC \uB204\uC801 \uC751\uC2DC\uC790\uAC00 \uBCF4\uB0B4\uB294 \uC2E0\uB8B0" }), _jsxs("div", { className: "text-sm", children: ["\uD1A0\uC140\uC740 20\uB144\uC774 \uB118\uB294 \uC2DC\uAC04\uB3D9\uC548 \uD55C\uAD6D\uD615 \uC601\uC5B4\uC778\uC99D\uD3C9\uAC00\uB97C \uC5F0\uAD6C\uD574\uC654\uACE0,", _jsx("br", {}), "\uD604\uC7AC 80\uB9CC\uBA85\uC774 \uB118\uB294 \uC751\uC2DC\uC790\uB97C \uBC30\uCD9C\uD55C \uB300\uD55C\uBBFC\uAD6D \uB300\uD45C \uC601\uC5B4\uC778\uC99D\uD3C9\uAC00\uB85C \uAC70\uB4ED\uB0AC\uC2B5\uB2C8\uB2E4."] })] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex gap-12 mb-8", children: [_jsxs("div", { className: "flex flex-col w-70", children: [_jsx("div", { className: "text-white/80", children: "\uB204\uC801 \uC815\uAE30\uC2DC\uD5D8 \uC751\uC2DC\uC790" }), _jsx("div", { className: "text-6xl font-bold", children: "83.1\uB9CC +" })] }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "text-white/80", children: "\uC9C0\uD544\uACE0\uC0AC \uAC1C\uCD5C" }), _jsx("div", { className: "text-6xl font-bold", children: "1.4\uCC9C\uD68C" })] })] }), _jsxs("div", { className: "flex gap-12 mb-4", children: [_jsxs("div", { className: "flex flex-col w-70", children: [_jsx("div", { className: "text-white/80", children: "\uB204\uC801 \uC774\uC6A9\uAE30\uAD00 \uC218" }), _jsx("div", { className: "text-6xl font-bold", children: "2.9\uB9CC +" })] }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "text-white/80", children: "\uC120\uBCC4\uB41C \uC131\uC801 \uB370\uC774\uD130" }), _jsx("div", { className: "text-6xl font-bold", children: "39.3\uB9CC \uAC1C +" })] })] }), _jsx("div", { className: "text-2xs text-white/80", children: "2024\uB144 8\uC6D4 \uAE30\uC900" })] })] }) }));
|
|
21
|
+
return (_jsx("div", { className: " w-full min-h-screen bg-[url('/images/aboutus/bg/img-aboutus-sectionb-bg-min.png')] flex items-center justify-center justify-center bg-cover bg-center flex-col", children: _jsxs("div", { className: "w-[1200px] h-full flex flex-col text-white", children: [_jsxs("div", { className: "flex flex-col gap-2 mb-16", children: [_jsx("div", { className: "text-2xl font-bold", children: "80\uB9CC \uB204\uC801 \uC751\uC2DC\uC790\uAC00 \uBCF4\uB0B4\uB294 \uC2E0\uB8B0" }), _jsxs("div", { className: "text-sm", children: ["\uD1A0\uC140\uC740 20\uB144\uC774 \uB118\uB294 \uC2DC\uAC04\uB3D9\uC548 \uD55C\uAD6D\uD615 \uC601\uC5B4\uC778\uC99D\uD3C9\uAC00\uB97C \uC5F0\uAD6C\uD574\uC654\uACE0,", _jsx("br", {}), "\uD604\uC7AC 80\uB9CC\uBA85\uC774 \uB118\uB294 \uC751\uC2DC\uC790\uB97C \uBC30\uCD9C\uD55C \uB300\uD55C\uBBFC\uAD6D \uB300\uD45C \uC601\uC5B4\uC778\uC99D\uD3C9\uAC00\uB85C \uAC70\uB4ED\uB0AC\uC2B5\uB2C8\uB2E4."] })] }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex gap-12 mb-8", children: [_jsxs("div", { className: "flex flex-col w-70", children: [_jsx("div", { className: "text-white/80", children: "\uB204\uC801 \uC815\uAE30\uC2DC\uD5D8 \uC751\uC2DC\uC790" }), _jsx("div", { className: "text-6xl font-bold", children: "83.1\uB9CC +" })] }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "text-white/80", children: "\uC9C0\uD544\uACE0\uC0AC \uAC1C\uCD5C" }), _jsx("div", { className: "text-6xl font-bold", children: "1.4\uCC9C\uD68C" })] })] }), _jsxs("div", { className: "flex gap-12 mb-4", children: [_jsxs("div", { className: "flex flex-col w-70", children: [_jsx("div", { className: "text-white/80", children: "\uB204\uC801 \uC774\uC6A9\uAE30\uAD00 \uC218" }), _jsx("div", { className: "text-6xl font-bold", children: "2.9\uB9CC +" })] }), _jsxs("div", { className: "flex flex-col ", children: [_jsx("div", { className: "text-white/80", children: "\uC120\uBCC4\uB41C \uC131\uC801 \uB370\uC774\uD130" }), _jsx("div", { className: "text-6xl font-bold", children: "39.3\uB9CC \uAC1C +" })] })] }), _jsx("div", { className: "text-2xs text-white/80", children: "2024\uB144 8\uC6D4 \uAE30\uC900" })] })] }) }));
|
|
22
22
|
}
|
|
@@ -6,19 +6,19 @@ export default function SectionC() {
|
|
|
6
6
|
const [isOpen, setIsOpen] = useState(false);
|
|
7
7
|
const members = [
|
|
8
8
|
{
|
|
9
|
-
imgSource: "/images/aboutus/section-c/img-aboutus-board-LKS.jpg",
|
|
9
|
+
imgSource: "/images/aboutus/section-c/img-aboutus-board-LKS-min.jpg",
|
|
10
10
|
name: "이기수",
|
|
11
11
|
position: "명예총재",
|
|
12
12
|
description: "17대 고려대학교 총장",
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
|
-
imgSource: "/images/aboutus/section-c/img-aboutus-board-LHY.png",
|
|
15
|
+
imgSource: "/images/aboutus/section-c/img-aboutus-board-LHY-min.png",
|
|
16
16
|
name: "이호열",
|
|
17
17
|
position: "위원장",
|
|
18
18
|
description: "국제토셀위원회 위원장",
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
|
-
imgSource: "/images/aboutus/section-c/img-aboutus-board-KID.png",
|
|
21
|
+
imgSource: "/images/aboutus/section-c/img-aboutus-board-KID-min.png",
|
|
22
22
|
name: "김임득",
|
|
23
23
|
position: "출제위원장",
|
|
24
24
|
description: "초대 수능출제위원장",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
export default function SectionCD() {
|
|
3
|
-
return (_jsx("div", { className: "w-full min-h-screen bg-[url('/images/aboutus/bg/img-aboutus-sectionc2-bg.jpg')] flex justify-center items-end pb-24 bg-cover bg-center", children: _jsxs("div", { className: "w-[1200px] h-[304px] bg-black/50 z-10 flex flex-col gap-2.5 px-8 py-12 text-center rounded-xl", style: { backdropFilter: "blur(40px)" }, children: [_jsx("div", { className: "text-4xl text-white/50", children: "Our Mission" }), _jsxs("div", { className: "text-white text-2xl font-bold", children: ["\uD1A0\uC140\uC740 \uC5F0\uB839\uBCC4 \uC778\uC9C0\uB2E8\uACC4\uB97C \uACE0\uB824\uD558\uC5EC \uC5B8\uC5B4\uB2A5\uB825\uC744 \uAC00\uC7A5 \uCE5C\uBC00\uD558\uAC8C \uD3C9\uAC00\uD569\uB2C8\uB2E4.", " ", _jsx("br", {}), "\uBE44\uC601\uC5B4\uAD8C \uD559\uC0DD\uB4E4\uC5D0\uAC8C \uC54C\uB9DE\uC740 \uD3C9\uAC00\uC81C\uB3C4\uB97C \uD1B5\uD574,", _jsx("br", {}), "\uB204\uAD6C\uB098 \uC601\uC5B4\uB97C \uB3C4\uC804\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4DC\uB294 \uAC83\uC774 \uD1A0\uC140\uC758 \uC874\uC7AC \uC774\uC720\uC785\uB2C8\uB2E4."] })] }) }));
|
|
3
|
+
return (_jsx("div", { className: "w-full min-h-screen bg-[url('/images/aboutus/bg/img-aboutus-sectionc2-bg-min.jpg')] flex justify-center items-end pb-24 bg-cover bg-center", children: _jsxs("div", { className: "w-[1200px] h-[304px] bg-black/50 z-10 flex flex-col gap-2.5 px-8 py-12 text-center rounded-xl", style: { backdropFilter: "blur(40px)" }, children: [_jsx("div", { className: "text-4xl text-white/50", children: "Our Mission" }), _jsxs("div", { className: "text-white text-2xl font-bold", children: ["\uD1A0\uC140\uC740 \uC5F0\uB839\uBCC4 \uC778\uC9C0\uB2E8\uACC4\uB97C \uACE0\uB824\uD558\uC5EC \uC5B8\uC5B4\uB2A5\uB825\uC744 \uAC00\uC7A5 \uCE5C\uBC00\uD558\uAC8C \uD3C9\uAC00\uD569\uB2C8\uB2E4.", " ", _jsx("br", {}), "\uBE44\uC601\uC5B4\uAD8C \uD559\uC0DD\uB4E4\uC5D0\uAC8C \uC54C\uB9DE\uC740 \uD3C9\uAC00\uC81C\uB3C4\uB97C \uD1B5\uD574,", _jsx("br", {}), "\uB204\uAD6C\uB098 \uC601\uC5B4\uB97C \uB3C4\uC804\uD560 \uC218 \uC788\uAC8C \uB9CC\uB4DC\uB294 \uAC83\uC774 \uD1A0\uC140\uC758 \uC874\uC7AC \uC774\uC720\uC785\uB2C8\uB2E4."] })] }) }));
|
|
4
4
|
}
|
|
@@ -68,15 +68,10 @@ export default function SectionCLeaf({ selectedData, isOpenState: [isOpen, setIs
|
|
|
68
68
|
},
|
|
69
69
|
김임득: {
|
|
70
70
|
details: [
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"고려대학교 문과대학 연구교수",
|
|
76
|
-
"대한법학교수회 부회장",
|
|
77
|
-
"한국경영법률학회 부회장",
|
|
78
|
-
"마르퀴즈 후즈 후 등재인물 선정",
|
|
79
|
-
"마르퀴즈 평생 공로상 수상",
|
|
71
|
+
"초대 수능 출제위원장 역임",
|
|
72
|
+
"한국 영어 교육 학회장 역임",
|
|
73
|
+
"한국 영어학회 회장 역임",
|
|
74
|
+
"한양대학교 영어 교육학과 교수 및 교육대학원 원장",
|
|
80
75
|
],
|
|
81
76
|
introduce: [
|
|
82
77
|
"저는 국제 TOSEL 위원회 출제위원장으로서 TOSEL 출제 워원장을 맡아 한국의 영어 교육발전에 몸을 담고있습니다.",
|
|
@@ -67,10 +67,10 @@ export default function SectionD() {
|
|
|
67
67
|
const handleYearClick = (year) => {
|
|
68
68
|
setSelectedYear(year);
|
|
69
69
|
};
|
|
70
|
-
return (_jsx("div", { className: "w-full min-h-
|
|
70
|
+
return (_jsx("div", { className: "w-full min-h-[1080px] bg-gray-light flex py-30 justify-center", children: _jsxs("div", { className: "w-[1200px] h-full flex flex-col items-center text-center gap-20 text-black", children: [_jsxs("div", { className: "font-semibold text-2xl", children: ["20\uB144 \uC804\uBD80\uD130 \uC9C0\uAE08\uAE4C\uC9C0", _jsx("br", {}), "\uD1A0\uC140\uC740 \uCD5C\uACE0\uC218\uC900\uC744 \uC704\uD55C \uAE38\uC744 \uAC78\uC5B4\uC654\uC2B5\uB2C8\uB2E4."] }), _jsxs("div", { className: "relative flex gap-12", children: [_jsx("div", { className: "flex flex-col gap-12 z-10", children: years.map((year, index) => (_jsxs("div", { className: "w-22 h-6 flex items-center justify-end text-center gap-3 cursor-pointer", onClick: () => handleYearClick(year), children: [_jsx("div", { className: `font-bold text-sm duration-700 transition-all ${selectedYear === year ? "text-black" : "text-[#B9B9B9]"}`, children: year }), _jsx("div", { className: `relative w-3 h-3 rounded-full transition-transform duration-500 ${selectedYear === year
|
|
71
71
|
? "transform scale-[1.3]"
|
|
72
72
|
: "transform scale-100 bg-[#B9B9B9]"}`, children: selectedYear === year && (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute inset-0 rounded-full", style: {
|
|
73
73
|
background: "linear-gradient(269deg, rgba(118, 0, 35) 0%, rgba(16, 86, 82) 100%)",
|
|
74
74
|
padding: "2px",
|
|
75
|
-
} }), _jsx("div", { className: "absolute inset-[
|
|
75
|
+
} }), _jsx("div", { className: "absolute inset-[2px] bg-white rounded-full" })] })) })] }, index))) }), _jsx("div", { className: "relative w-120 h-full", children: _jsx("div", { className: "absolute top-0 left-1/2 transform -translate-x-1/2 w-[480px] z-0", children: years.map((year) => (_jsx("div", { className: `transition-opacity duration-500 ease-in-out ${selectedYear === year ? "opacity-100" : "opacity-0"}`, children: selectedYear === year && (_jsx("div", { className: "flex flex-col gap-6 text-left", children: Object.entries(histories[year]).map(([_, event], idx) => (_jsx("div", { children: Object.entries(event).map(([date, detail]) => (_jsxs("div", { children: [_jsx("div", { className: "text-gray-medium text-sm font-semibold", children: date }), _jsx("div", { className: "text-black text-sm", children: detail })] }, date))) }, idx))) })) }, year))) }) })] })] }) }));
|
|
76
76
|
}
|
|
@@ -5,7 +5,7 @@ export default function SectionECards() {
|
|
|
5
5
|
const [activeCardIndex, setActiveCardIndex] = useState(null);
|
|
6
6
|
const cardComponents = (onClicks) => [
|
|
7
7
|
{
|
|
8
|
-
imgSource: "img-aboutus-sectione-exam.jpg",
|
|
8
|
+
imgSource: "img-aboutus-sectione-exam-min.jpg",
|
|
9
9
|
type: "시험 및 평가",
|
|
10
10
|
title1: "언제나 믿을 수 있는",
|
|
11
11
|
title2: "인증평가 제도를 만들어갑니다.",
|
|
@@ -13,7 +13,7 @@ export default function SectionECards() {
|
|
|
13
13
|
onClick: onClicks[0],
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
|
-
imgSource: "img-aboutus-sectione-reportcard.jpg",
|
|
16
|
+
imgSource: "img-aboutus-sectione-reportcard-min.jpg",
|
|
17
17
|
type: "고도화 성적표",
|
|
18
18
|
title1: "점수, 그 이상의 의미를",
|
|
19
19
|
title2: "헤아릴 수 있어야 합니다",
|
|
@@ -21,7 +21,7 @@ export default function SectionECards() {
|
|
|
21
21
|
onClick: onClicks[1],
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
|
-
imgSource: "img-aboutus-sectione-toselbooks.jpg",
|
|
24
|
+
imgSource: "img-aboutus-sectione-toselbooks-min.jpg",
|
|
25
25
|
type: "토셀 교재",
|
|
26
26
|
title1: "영어학습에서 가장 중요한 것,",
|
|
27
27
|
title2: "단계별 학습과 성장",
|
|
@@ -29,7 +29,7 @@ export default function SectionECards() {
|
|
|
29
29
|
onClick: onClicks[2],
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
|
-
imgSource: "img-aboutus-sectione-olympiad.jpg",
|
|
32
|
+
imgSource: "img-aboutus-sectione-olympiad-min.jpg",
|
|
33
33
|
type: "올림피아드",
|
|
34
34
|
title1: "올림피아드, 누구나 도전하고",
|
|
35
35
|
title2: "성장하는 발판이 됩니다.",
|
|
@@ -37,7 +37,7 @@ export default function SectionECards() {
|
|
|
37
37
|
onClick: onClicks[3],
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
|
-
imgSource: "img-aboutus-sectione-tosellab.jpg",
|
|
40
|
+
imgSource: "img-aboutus-sectione-tosellab-min.jpg",
|
|
41
41
|
type: "TOSEL Lab",
|
|
42
42
|
title1: "영어 교육 시스템의 새로운 미래를",
|
|
43
43
|
title2: "제시합니다",
|
|
@@ -45,7 +45,7 @@ export default function SectionECards() {
|
|
|
45
45
|
onClick: onClicks[4],
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
|
-
imgSource: "img-aboutus-sectione-expert.jpg",
|
|
48
|
+
imgSource: "img-aboutus-sectione-expert-min.jpg",
|
|
49
49
|
type: "전문가 과정",
|
|
50
50
|
title1: "좋은 선생님이 토셀과 함께",
|
|
51
51
|
title2: "성장할 수 있도록",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
export default function SectionF() {
|
|
3
|
-
return (_jsxs("div", { className: "w-full bg-gray-light h-auto min-w-[800px] py-16 flex flex-col gap-16 justify-center text-black", children: [_jsxs("div", { className: "text-2xl font-semibold flex justify-center items-center text-center", children: ["\uAD6D\uB0B4 \uC8FC\uC694 \uC5B8\uC5B4/\uAD50\uC721 \uAE30\uAD00\uB4E4\uC774", _jsx("br", {}), "\uD1A0\uC140\uACFC \uD568\uAED8\uD569\uB2C8\uB2E4."] }), _jsxs("div", { className: "flex justify-center items-center text-center flex-col gap-2 font-semibold", children: [_jsx("div", { className: "text-sm", children: "\uCD9C\uC81C \uBC0F \uC778\uC99D:" }), _jsx("img", { src: "/images/aboutus/section-f/logo-KU.png", className: "w-[230px]", alt: "" })] }), _jsxs("div", { className: "flex justify-center items-center text-center flex-col font-semibold gap-2", children: [_jsx("div", { className: "text-sm", children: "\uD559\uD68C \uC778\uC99D \uD68D\uB4DD:" }), _jsxs("div", { className: "flex", children: [_jsx("img", { src: "/images/aboutus/section-e/logo-\uD55C\uAD6D\uC74C\uC131\uD559\uD68C@4x.png", className: "w-60", alt: "" }), _jsx("img", { src: "/images/aboutus/section-e/logo-ALAK@4x.png", className: "w-60", alt: "" }), _jsx("img", { src: "/images/aboutus/section-e/logo-KAFLE@4x.png", className: "w-60", alt: "" }), _jsx("img", { src: "/images/aboutus/section-e/logo-PKETA@4x.png", className: "w-60", alt: "" })] })] })] }));
|
|
3
|
+
return (_jsxs("div", { className: "w-full bg-gray-light h-auto min-w-[800px] py-16 flex flex-col gap-16 justify-center text-black", children: [_jsxs("div", { className: "text-2xl font-semibold flex justify-center items-center text-center", children: ["\uAD6D\uB0B4 \uC8FC\uC694 \uC5B8\uC5B4/\uAD50\uC721 \uAE30\uAD00\uB4E4\uC774", _jsx("br", {}), "\uD1A0\uC140\uACFC \uD568\uAED8\uD569\uB2C8\uB2E4."] }), _jsxs("div", { className: "flex justify-center items-center text-center flex-col gap-2 font-semibold", children: [_jsx("div", { className: "text-sm", children: "\uCD9C\uC81C \uBC0F \uC778\uC99D:" }), _jsx("img", { src: "/images/aboutus/section-f/logo-KU-min.png", className: "w-[230px]", alt: "" })] }), _jsxs("div", { className: "flex justify-center items-center text-center flex-col font-semibold gap-2", children: [_jsx("div", { className: "text-sm", children: "\uD559\uD68C \uC778\uC99D \uD68D\uB4DD:" }), _jsxs("div", { className: "flex", children: [_jsx("img", { src: "/images/aboutus/section-e/logo-\uD55C\uAD6D\uC74C\uC131\uD559\uD68C@4x.png", className: "w-60", alt: "" }), _jsx("img", { src: "/images/aboutus/section-e/logo-ALAK@4x-min.png", className: "w-60", alt: "" }), _jsx("img", { src: "/images/aboutus/section-e/logo-KAFLE@4x-min.png", className: "w-60", alt: "" }), _jsx("img", { src: "/images/aboutus/section-e/logo-PKETA@4x-min.png", className: "w-60", alt: "" })] })] })] }));
|
|
4
4
|
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import SelectLG from "../../../widget/template/Select/Select.LG";
|
|
2
4
|
export default function SectionG() {
|
|
3
5
|
const datas = [
|
|
4
6
|
{
|
|
@@ -27,5 +29,21 @@ export default function SectionG() {
|
|
|
27
29
|
title: "경찰 임용시험 가산점 받는 자격증, TOSEL",
|
|
28
30
|
},
|
|
29
31
|
];
|
|
30
|
-
|
|
32
|
+
const [selectedYear, setSelectedYear] = useState(2018);
|
|
33
|
+
const filteredDatas = selectedYear === 0
|
|
34
|
+
? datas
|
|
35
|
+
: datas.filter((data) => parseInt(data.date.split(".")[0], 10) === selectedYear);
|
|
36
|
+
return (_jsx("div", { className: "w-full h-auto min-h-[800px] min-w-[800px] py-30 flex flex-col gap-20 text-green-dark items-center", children: _jsxs("div", { className: "w-[1200px] ", children: [_jsxs("div", { className: "text-6xl font-bold flex justify-between items-center text-center", children: [_jsx("div", { children: "\uC5B8\uB860 \uC18D\uC758 \uD1A0\uC140" }), _jsx("div", { className: "text-sm border-1 border-green-dark rounded-xl", children: _jsx(SelectLG, { state: [selectedYear, setSelectedYear], placeholder: "\uBAA8\uB450\uBCF4\uAE30", selectOptions: [
|
|
37
|
+
[0, "모두보기"],
|
|
38
|
+
[2023, "2023"],
|
|
39
|
+
[2022, "2022"],
|
|
40
|
+
[2021, "2021"],
|
|
41
|
+
[2020, "2020"],
|
|
42
|
+
[2019, "2019"],
|
|
43
|
+
[2018, "2018"],
|
|
44
|
+
[2017, "2017"],
|
|
45
|
+
[2016, "2016"],
|
|
46
|
+
[2015, "2015"],
|
|
47
|
+
[2014, "2014"],
|
|
48
|
+
] }) })] }), filteredDatas.map((data, index) => (_jsx("div", { className: "w-full flex text-center flex-col border-b-1 border-gray-light/50 hover:bg-white/10", children: _jsxs("div", { className: "w-full h-30 py-8 flex flex-col gap-3", children: [_jsxs("div", { className: "flex gap-3 items-center", children: [_jsx("div", { className: "font-semibold", children: data.company }), _jsx("div", { className: "text-sm text-gray-medium", children: data.date })] }), _jsx("div", { className: "text-xl font-semibold text-left text-black font-light", children: data.title })] }) }, index)))] }) }));
|
|
31
49
|
}
|
|
@@ -12,7 +12,7 @@ export default function Navigation({ clickBrowser, }) {
|
|
|
12
12
|
styles: "rounded-r-xl",
|
|
13
13
|
};
|
|
14
14
|
const transition = useTransition(!flag, {
|
|
15
|
-
from: { width: 80, height:
|
|
15
|
+
from: { width: 80, height: 100 },
|
|
16
16
|
leave: { width: 0, height: screen.height, duration: 500 },
|
|
17
17
|
});
|
|
18
18
|
const overlayTransition = useTransition(flag, {
|
|
@@ -29,5 +29,5 @@ export default function Navigation({ clickBrowser, }) {
|
|
|
29
29
|
return () => clearTimeout(timer);
|
|
30
30
|
}
|
|
31
31
|
}, [flag]);
|
|
32
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-screen fixed top-0 left-0 flex justify-center items-center z-45", children: transition((styles, item) => item && (
|
|
32
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-screen fixed top-0 left-0 flex justify-center items-center z-45", children: transition((styles, item) => item && (_jsx(animated.div, { style: styles, className: cn(container), children: _jsx(SVG.Icon.Browser, { onClick: () => setFlag(!flag) }) }))) }), overlayTransition((styles, item) => item && (_jsxs(animated.div, { style: styles, className: "bg-white h-screen fixed top-0 left-0 z-40 flex flex-col justify-center items-center overflow-hidden gap-y-14", children: [_jsx("img", { src: "/images/logos/tosel.png", alt: "tosel", width: 368.56, height: 80.07 }), _jsx("div", { children: "dashboard loading..." })] })))] }));
|
|
33
33
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import SVG from "../../../asset/SVG";
|
|
3
2
|
import { cn, gradient } from "../../../util";
|
|
4
3
|
export default function Service({ banners }) {
|
|
5
4
|
const container = {
|
|
@@ -20,7 +19,7 @@ export default function Service({ banners }) {
|
|
|
20
19
|
backgrounds: gradient.bg.greenToRed,
|
|
21
20
|
styles: " rounded-full",
|
|
22
21
|
};
|
|
23
|
-
return (_jsxs("div", { className: cn(container), children: [_jsx("div", { className: "font-pretendard-bold text-green-dark text-3xl", children: "\uD1A0\uC140\uC758 \uCC28\uBCC4\uD654\uB41C \uC11C\uBE44\uC2A4" }), _jsx("div", { className: cn(body), children: banners.map((banner) => (_jsx(Banner, { ...banner }, banner.titles.title))) })
|
|
22
|
+
return (_jsxs("div", { className: cn(container), children: [_jsx("div", { className: "font-pretendard-bold text-green-dark text-3xl", children: "\uD1A0\uC140\uC758 \uCC28\uBCC4\uD654\uB41C \uC11C\uBE44\uC2A4" }), _jsx("div", { className: cn(body), children: banners.map((banner) => (_jsx(Banner, { ...banner }, banner.titles.title))) })] }));
|
|
24
23
|
}
|
|
25
24
|
function Banner({ titles, image, option }) {
|
|
26
25
|
const { background } = option ?? {};
|
package/package.json
CHANGED
package/version.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
1.0.
|
|
1
|
+
1.0.108
|