Skip to content

Commit 01a84a5

Browse files
toris-devtoris-dev
committed
refactor: 이벤트 페이지 로직 개선 및 기타 UI 수정
1 parent 85ac40b commit 01a84a5

17 files changed

Lines changed: 1129 additions & 552 deletions

File tree

‎next.config.mjs‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,8 @@ const nextConfig = {
1111
images: {
1212
remotePatterns: [
1313
{ protocol: 'https', hostname: 'devcv-bucket.s3.amazonaws.com' },
14-
{ protocol: 'http', hostname: 'devcv-bucket.s3.amazonaws.com' }
14+
{ protocol: 'http', hostname: 'devcv-bucket.s3.amazonaws.com' },
15+
{ protocol: 'https', hostname: 'github.com' }
1516
]
1617
},
1718
async rewrites() {

‎src/app/about/page.tsx‎

Lines changed: 128 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -3,103 +3,179 @@ import Image from 'next/image';
33

44
export const metadata: Metadata = {
55
title: '회사 소개 | DevCV',
6-
description:
7-
'DevCV는 모든 구직자가 전문적인 이력서를 쉽게 작성할 수 있도록 돕습니다.'
6+
description: 'DevCV는 개발자들의 이력서 공유 플랫폼입니다.'
87
};
98

10-
const stats = [
11-
{ name: '누적 사용자', value: '10만+' },
12-
{ name: '이력서 작성 수', value: '50만+' },
13-
{ name: '합격률', value: '85%' },
14-
{ name: '기업 고객사', value: '1,000+' }
15-
];
16-
179
const values = [
1810
{
19-
title: '혁신',
20-
description: 'AI 기술을 활용하여 이력서 작성 프로세스를 혁신합니다.'
11+
title: '데이터 기반',
12+
description:
13+
'개발자들이 선호하는 이력서, 기술 스택, 기업규모를 분석하여 맞춤형 솔루션을 제공합니다.'
2114
},
2215
{
2316
title: '전문성',
24-
description: '각 분야 전문가들의 노하우를 담은 템플릿을 제공합니다.'
17+
description:
18+
'각 분야별 전문 개발자들의 실제 이력서를 확인하고 참고할 수 있습니다.'
2519
},
2620
{
27-
title: '신뢰성',
28-
description: '검증된 템플릿과 가이드로 신뢰할 수 있는 서비스를 제공합니다.'
21+
title: '접근성',
22+
description: '누구나 쉽게 이력서를 공유하고 피드백을 받을 수 있습니다.'
23+
}
24+
];
25+
26+
const team = [
27+
{
28+
name: 'pangyosim',
29+
role: 'Backend Developer',
30+
skills: 'Spring Boot, Java',
31+
image:
32+
'https://github.com/DevCVTeam/.github/assets/108069902/f6030531-0b1f-4cfa-b7b0-82488445c256',
33+
github: 'https://github.com/pangyosim',
34+
email: 'spg9687@gmail.com'
35+
},
36+
{
37+
name: 'Taehyeonn',
38+
role: 'Backend Developer',
39+
skills: 'Spring Boot, Java',
40+
image:
41+
'https://github.com/DevCVTeam/.github/assets/108069902/041986a5-6be4-48c0-8f62-969187062cd2',
42+
github: 'https://github.com/Taehyeonn',
43+
email: '97taehyun@gmail.com'
44+
},
45+
{
46+
name: 'luxihua',
47+
role: 'Frontend Developer',
48+
skills: 'Next.js, TypeScript',
49+
image:
50+
'https://github.com/DevCVTeam/.github/assets/108069902/4a7d6087-b152-4b09-ab02-b8a0f02db29f',
51+
github: 'https://github.com/luxihua',
52+
email: 'maseoyoung12@gmail.com'
53+
},
54+
{
55+
name: 'Toris-dev',
56+
role: 'Frontend Developer',
57+
skills: 'Next.js, TypeScript',
58+
image:
59+
'https://github.com/DevCVTeam/.github/assets/108069902/2d5842e0-6a12-43d1-8ef6-e587af05b540',
60+
github: 'https://github.com/toris-dev',
61+
email: 'ironjustlikethat@gmail.com'
2962
}
3063
];
3164

3265
export default function AboutPage() {
3366
return (
34-
<main className="min-h-screen bg-gray-50 py-24">
67+
<main className="min-h-screen bg-gray-50 py-12 md:py-16 lg:py-24">
3568
<div className="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
3669
{/* Hero Section */}
3770
<div className="text-center">
38-
<h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">
39-
더 나은 커리어의 시작
71+
<h1 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl md:text-5xl">
72+
개발자를 위한 이력서 공유 플랫폼
4073
</h1>
41-
<p className="mx-auto mt-6 max-w-2xl text-lg leading-8 text-gray-600">
42-
DevCV는 모든 구직자가 자신의 가치를 잘 표현할 수 있도록 돕는 것을
43-
목표로 합니다.
74+
<p className="mx-auto mt-4 max-w-3xl text-base leading-7 text-gray-600 sm:mt-6 sm:text-lg md:leading-8">
75+
DevCV는 변화하는 개발자 채용 시장에서 개발자들이 더 나은 기회를 찾을
76+
수 있도록 돕는 플랫폼입니다. 개발자들의 선호도와 시장 동향을
77+
분석하여 최적화된 이력서 솔루션을 제공합니다.
4478
</p>
4579
</div>
4680

47-
{/* Stats */}
48-
<div className="mt-16 grid grid-cols-2 gap-8 bg-white p-8 shadow-lg sm:grid-cols-4">
49-
{stats.map((stat) => (
50-
<div key={stat.name} className="text-center">
51-
<dt className="text-base leading-7 text-gray-600">{stat.name}</dt>
52-
<dd className="mt-2 text-3xl font-bold tracking-tight text-main">
53-
{stat.value}
54-
</dd>
81+
{/* Project Info */}
82+
<div className="mt-12 sm:mt-16">
83+
<h2 className="text-center text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl">
84+
프로젝트 정보
85+
</h2>
86+
<div className="mt-6 rounded-lg bg-white p-6 shadow-lg sm:mt-8 sm:p-8">
87+
<div className="space-y-4">
88+
<div>
89+
<h3 className="text-lg font-semibold text-gray-900 sm:text-xl">
90+
개발 기간
91+
</h3>
92+
<p className="mt-2 text-sm text-gray-600 sm:text-base">
93+
기획: 2024.05.13 ~ 2024.05.26
94+
</p>
95+
<p className="text-sm text-gray-600 sm:text-base">
96+
개발: 2024.05.27 ~ 2024.07.09
97+
</p>
98+
</div>
99+
<div>
100+
<h3 className="text-lg font-semibold text-gray-900 sm:text-xl">
101+
배포 정보
102+
</h3>
103+
<p className="mt-2 text-sm text-gray-600 sm:text-base">
104+
Github Actions를 통한 자동화된 CI/CD 파이프라인
105+
</p>
106+
</div>
55107
</div>
56-
))}
108+
</div>
57109
</div>
58110

59111
{/* Values */}
60-
<div className="mt-16">
61-
<h2 className="text-center text-3xl font-bold tracking-tight text-gray-900">
62-
우리의 가치
112+
<div className="mt-12 sm:mt-16">
113+
<h2 className="text-center text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl">
114+
서비스 가치
63115
</h2>
64-
<div className="mt-8 grid gap-8 sm:grid-cols-3">
116+
<div className="mt-6 grid gap-4 sm:mt-8 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3 lg:gap-8">
65117
{values.map((value) => (
66118
<div
67119
key={value.title}
68-
className="rounded-lg bg-white p-8 shadow-lg"
120+
className="rounded-lg bg-white p-6 shadow-lg transition-transform duration-300 hover:scale-105 sm:p-8"
69121
>
70-
<h3 className="text-xl font-semibold text-gray-900">
122+
<h3 className="text-lg font-semibold text-gray-900 sm:text-xl">
71123
{value.title}
72124
</h3>
73-
<p className="mt-4 text-gray-600">{value.description}</p>
125+
<p className="mt-3 text-sm text-gray-600 sm:mt-4 sm:text-base">
126+
{value.description}
127+
</p>
74128
</div>
75129
))}
76130
</div>
77131
</div>
78132

79133
{/* Team */}
80-
<div className="mt-16">
81-
<h2 className="text-center text-3xl font-bold tracking-tight text-gray-900">
82-
팀 소개
134+
<div className="mt-12 sm:mt-16">
135+
<h2 className="text-center text-2xl font-bold tracking-tight text-gray-900 sm:text-3xl">
136+
개발팀 소개
83137
</h2>
84-
<div className="mt-8 grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
85-
{[1, 2, 3].map((member) => (
138+
<div className="mt-6 grid gap-4 sm:mt-8 sm:grid-cols-2 sm:gap-6 lg:grid-cols-4 lg:gap-8">
139+
{team.map((member) => (
86140
<div
87-
key={member}
88-
className="rounded-lg bg-white p-8 text-center shadow-lg"
141+
key={member.name}
142+
className="rounded-lg bg-white p-4 text-center shadow-lg transition-transform duration-300 hover:scale-105 sm:p-6 md:p-8"
89143
>
90-
<div className="mx-auto size-32 overflow-hidden rounded-full">
144+
<div className="relative mx-auto size-20 overflow-hidden rounded-full xs:size-24 sm:size-28 md:size-32">
91145
<Image
92-
src={`/team/member${member}.jpg`}
93-
alt={`Team Member ${member}`}
94-
width={128}
95-
height={128}
96-
className="size-full object-cover"
146+
src={member.image}
147+
alt={member.name}
148+
fill
149+
sizes="(max-width: 640px) 80px, (max-width: 768px) 112px, 128px"
150+
className="object-cover"
151+
priority
97152
/>
98153
</div>
99-
<h3 className="mt-6 text-lg font-semibold text-gray-900">
100-
홍길동
154+
<h3 className="mt-3 text-base font-semibold text-gray-900 sm:mt-4 sm:text-lg md:mt-6">
155+
{member.name}
101156
</h3>
102-
<p className="text-gray-600">CEO & Founder</p>
157+
<p className="text-xs text-gray-600 sm:text-sm md:text-base">
158+
{member.role}
159+
</p>
160+
<p className="mt-1 text-xs text-gray-500 sm:mt-2">
161+
{member.skills}
162+
</p>
163+
<div className="mt-2 flex justify-center space-x-3 sm:mt-3 md:mt-4 md:space-x-4">
164+
<a
165+
href={member.github}
166+
target="_blank"
167+
rel="noopener noreferrer"
168+
className="text-xs text-blue-600 hover:text-blue-800 sm:text-sm md:text-base"
169+
>
170+
GitHub
171+
</a>
172+
<a
173+
href={`mailto:${member.email}`}
174+
className="text-xs text-blue-600 hover:text-blue-800 sm:text-sm md:text-base"
175+
>
176+
Email
177+
</a>
178+
</div>
103179
</div>
104180
))}
105181
</div>

0 commit comments

Comments
 (0)