Skip to content

Commit e3b793c

Browse files
committed
♻️ Make stylelessA as global component
1 parent d44369b commit e3b793c

24 files changed

+143
-254
lines changed
Binary file not shown.
Binary file not shown.

.yarn/install-state.gz

-291 Bytes
Binary file not shown.

package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
"eslint-plugin-react": "^7.31.11",
4040
"eslint-plugin-react-hooks": "^4.6.0",
4141
"eslint-plugin-simple-import-sort": "^8.0.0",
42-
"prettier": "^3.0.0",
42+
"prettier": "^3.3.3",
4343
"typescript": "^4.9.3",
4444
"vite": "^4.0.0",
4545
"vite-plugin-svgr": "^2.4.0",

src/assets/icons/link.svg

Lines changed: 4 additions & 0 deletions
Loading

src/pages/home/printable/components/StylessA.tsx renamed to src/components/StylessA.tsx

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,26 @@
1+
import LinkIcon from "@/assets/icons/link.svg";
2+
13
interface StylessAProps {
24
href?: string;
35
children: React.ReactNode;
6+
hasIcon?: boolean;
47
}
58

6-
const StylessA = ({ href, children }: StylessAProps) => {
9+
const StylessA = ({ href, children, hasIcon = true }: StylessAProps) => {
710
return (
811
<a
912
href={href}
1013
target="_blank"
1114
rel="noopener noreferrer"
1215
style={{
1316
color: "inherit",
17+
display: "inline-flex",
18+
gap: "5px",
1419
}}
1520
>
1621
{children}
22+
23+
{href && hasIcon && <img src={LinkIcon} />}
1724
</a>
1825
);
1926
};

src/locales/en-US/index.ts

Lines changed: 15 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,21 @@ export const main = {
3939
experience,
4040
sideProject: {
4141
sideProjects: [
42+
{
43+
name: "React-Atoms: React Component Library",
44+
isImportant: true,
45+
url: "https://github.com/dohyun-ko/react-atoms",
46+
startedAt: "2023-07",
47+
endedAt: "2023-07",
48+
description:
49+
"A library of React components I frequently use, which I published on npm. It follows the atomic design pattern and is documented using Storybook.",
50+
whatIDid: [
51+
"Developed React components",
52+
"Documented components using Storybook",
53+
"Published on npm",
54+
],
55+
techStacks: ["React", "TypeScript", "RollUp", "Storybook", "npm"],
56+
},
4257
{
4358
name: "2024 KPMG Ideathon: 🥉 3rd Place",
4459
isImportant: true,
@@ -88,21 +103,6 @@ export const main = {
88103
],
89104
techStacks: ["React", "TypeScript", "Mapbox", "PWA"],
90105
},
91-
{
92-
name: "React-Atoms: React Component Library",
93-
isImportant: true,
94-
url: "https://github.com/dohyun-ko/react-atoms",
95-
startedAt: "2023-07",
96-
endedAt: "2023-07",
97-
description:
98-
"A library of React components I frequently use, which I published on npm. It follows the atomic design pattern and is documented using Storybook.",
99-
whatIDid: [
100-
"Developed React components",
101-
"Documented components using Storybook",
102-
"Published on npm",
103-
],
104-
techStacks: ["React", "TypeScript", "RollUp", "Storybook", "npm"],
105-
},
106106
{
107107
name: "Dutch: OOP Final Project",
108108
isImportant: true,
@@ -134,64 +134,4 @@ export const main = {
134134
},
135135
],
136136
},
137-
skill: {
138-
skills: [
139-
{
140-
name: "React",
141-
level: 5,
142-
},
143-
{
144-
name: "TypeScript",
145-
level: 4,
146-
},
147-
{
148-
name: "JavaScript",
149-
level: 4,
150-
},
151-
{
152-
name: "HTML/CSS",
153-
level: 4,
154-
},
155-
{
156-
name: "Next.js",
157-
level: 3,
158-
},
159-
{
160-
name: "Python",
161-
level: 3,
162-
},
163-
{
164-
name: "NestJS",
165-
level: 2,
166-
},
167-
{
168-
name: "FastAPI",
169-
level: 2,
170-
},
171-
{
172-
name: "Flutter",
173-
level: 2,
174-
},
175-
{
176-
name: "C++",
177-
level: 2,
178-
},
179-
{
180-
name: "Kotlin",
181-
level: 1,
182-
},
183-
{
184-
name: "Docker",
185-
level: 1,
186-
},
187-
{
188-
name: "Rust",
189-
level: 1,
190-
},
191-
{
192-
name: "Assembly",
193-
level: 1,
194-
},
195-
],
196-
},
197137
};

src/locales/ko-KR/experience.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const experience = {
1616
startedAt: "2024-01",
1717
endedAt: "2024-05",
1818
description:
19-
"AI의 추론능력을 평가하는 벤치마크 Abstract and Reasoning Corpus([ARC](https://github.com/fchollet/ARC))의 사람 풀이 데이터 수집을 위한 툴 O2ARC 3.0을 개발했습니다. 기존 툴에서 수집된 데이터는 학습에 쓰기 어려운 형태였으며, 이를 유저가 취할 수 있는 행동을 제한해 AI 학습에 유리한 형태의 데이터 1만개 이상을 수집하였습니다. IJCAI 2024에 공동 1저자로 논문을 게재하였습니다.",
19+
"AI의 추론능력을 평가하는 벤치마크 [ARC](https://github.com/fchollet/ARC) 사람 풀이 데이터 수집을 위한 툴 O2ARC 3.0을 개발했습니다. 기존 툴에서 수집된 데이터는 학습에 쓰기 어려운 형태였으며, 이를 유저가 취할 수 있는 행동을 제한해 AI 학습에 유리한 형태의 데이터 1만개 이상을 수집하였습니다. IJCAI 2024에 공동 1저자로 논문을 게재하였습니다.",
2020
whatIDid: [
2121
"전체적인 프론트엔드 UI 및 그리드 조작 로직 개발",
2222
"이벤트 관련 Nestjs API 및 role guard 개발",
@@ -44,7 +44,7 @@ const experience = {
4444
],
4545
},
4646
{
47-
name: "Sigor Inc.",
47+
name: "스타트업 Sigor Inc.",
4848
isImportant: true,
4949
color: "#FEAA17",
5050
url: "https://introduce.sigor.company/",

src/locales/ko-KR/index.ts

Lines changed: 16 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import experience from "./experience";
44
export const main = {
55
title: { developer: "개발자", name: "고도현 | Dohyun Ko" },
66
introduction:
7-
"스타트업에서 2년간 일하며 프론트엔드, 백엔드, 앱, 자동화, ML 등 다양한 분야를 주도적으로 작업했습니다. 이후 AI 연구실에서 일하며 데이터 수집 툴을 제작했고 UX 관련으로 논문을 작성했습니다. 개발인력이 늘 부족한 곳에서 일했기에 생산성과 유지보수의 편의성을 항상 중시합니다. 모노레포와 라이브러리를 제작해 생산성을 높이며 atomic 패턴과 Storybook로 제 다음 사람이 보기 쉬운 코드를 짜려 노력합니다.",
7+
"스타트업에서 2년간 일하며 프론트엔드, 백엔드, 앱, 자동화, ML 등 다양한 분야를 주도적으로 작업했습니다. 이후 AI 연구실에서 일하며 데이터 수집 툴을 제작했고 UX 관련으로 논문을 작성했습니다. 개발인력이 늘 부족한 곳에서 일했기에 생산성과 유지보수의 편의성을 항상 중시합니다. 모노레포와 라이브러리를 제작해 생산성을 높이며 atomic 패턴과 Storybook로 동료가 보기 쉬운 코드를 짜려 노력합니다.",
88
current,
99
education: {
1010
attendedLectures: [
@@ -39,6 +39,21 @@ export const main = {
3939
experience,
4040
sideProject: {
4141
sideProjects: [
42+
{
43+
name: "React-Atoms: React Component Library",
44+
isImportant: true,
45+
url: "https://github.com/dohyun-ko/react-atoms",
46+
startedAt: "2023-07",
47+
endedAt: "2023-07",
48+
description:
49+
"개인적으로 자주 사용하는 React 컴포넌트를 모아 npm에 배포한 라이브러리입니다. atomic design 패턴을 따르며, Storybook을 사용해 문서화했습니다. 이 이력서와 개인 웹페이지에 사용중입니다.",
50+
whatIDid: [
51+
"React 컴포넌트 개발",
52+
"Storybook을 사용한 컴포넌트 문서화",
53+
"npm 배포",
54+
],
55+
techStacks: ["React", "TypeScript", "RollUp", "Storybook", "npm"],
56+
},
4257
{
4358
name: "2024 KPMG Ideathon: 🥉 3등",
4459
isImportant: true,
@@ -85,21 +100,6 @@ export const main = {
85100
],
86101
techStacks: ["React", "TypeScript", "Mapbox", "PWA"],
87102
},
88-
{
89-
name: "React-Atoms: React Component Library",
90-
isImportant: true,
91-
url: "https://github.com/dohyun-ko/react-atoms",
92-
startedAt: "2023-07",
93-
endedAt: "2023-07",
94-
description:
95-
"개인적으로 자주 사용하는 React 컴포넌트를 모아 npm에 배포한 라이브러리입니다. atomic design 패턴을 따르며, Storybook을 사용해 문서화했습니다. 이 이력서와 개인 웹페이지에 사용중입니다.",
96-
whatIDid: [
97-
"React 컴포넌트 개발",
98-
"Storybook을 사용한 컴포넌트 문서화",
99-
"npm 배포",
100-
],
101-
techStacks: ["React", "TypeScript", "RollUp", "Storybook", "npm"],
102-
},
103103
{
104104
name: "Dutch: OOP Final Project",
105105
isImportant: true,
@@ -128,64 +128,4 @@ export const main = {
128128
},
129129
],
130130
},
131-
skill: {
132-
skills: [
133-
{
134-
name: "React",
135-
level: 5,
136-
},
137-
{
138-
name: "TypeScript",
139-
level: 4,
140-
},
141-
{
142-
name: "JavaScript",
143-
level: 4,
144-
},
145-
{
146-
name: "HTML/CSS",
147-
level: 4,
148-
},
149-
{
150-
name: "Next.js",
151-
level: 3,
152-
},
153-
{
154-
name: "Python",
155-
level: 3,
156-
},
157-
{
158-
name: "NestJS",
159-
level: 2,
160-
},
161-
{
162-
name: "FastAPI",
163-
level: 2,
164-
},
165-
{
166-
name: "Flutter",
167-
level: 2,
168-
},
169-
{
170-
name: "C++",
171-
level: 2,
172-
},
173-
{
174-
name: "Kotlin",
175-
level: 1,
176-
},
177-
{
178-
name: "Docker",
179-
level: 1,
180-
},
181-
{
182-
name: "Rust",
183-
level: 1,
184-
},
185-
{
186-
name: "Assembly",
187-
level: 1,
188-
},
189-
],
190-
},
191131
};

src/pages/home/printable/PrintablePage.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,15 @@ const PrintablePage = () => {
1414

1515
<Spacer height={"30px"} />
1616

17-
<SkillSection />
17+
<ExperienceSection />
1818

1919
<Spacer height={"30px"} />
2020

21-
<EducationSection />
21+
<SkillSection />
2222

2323
<Spacer height={"30px"} />
2424

25-
<ExperienceSection />
25+
<EducationSection />
2626

2727
<Spacer height={"30px"} />
2828

0 commit comments

Comments
 (0)