From 9541bec2f5e9466406c1d1f0ab45c10eabc636d2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=94=ED=82=A4=EC=B0=AC?= Date: Wed, 14 Feb 2024 19:41:16 +0900 Subject: [PATCH 1/5] Portfolio Section --- src/page/Page.js | 2 + src/section/ProfileSection.js | 114 ++++++++++++++++++++++++++++++++++ 2 files changed, 116 insertions(+) create mode 100644 src/section/ProfileSection.js diff --git a/src/page/Page.js b/src/page/Page.js index 48c3879..4fad169 100644 --- a/src/page/Page.js +++ b/src/page/Page.js @@ -2,6 +2,7 @@ import styled from "styled-components"; import {PageBasicStyle} from "../style/BasicStyle"; import {FirstSection} from "../section/FirstSection"; import {BusinessCardSection} from "../section/BusinessCardSection"; +import {ProfileSection} from "../section/ProfileSection"; const PageStyle = styled.div` ${PageBasicStyle}; @@ -12,6 +13,7 @@ const Page = () => { + ) } diff --git a/src/section/ProfileSection.js b/src/section/ProfileSection.js new file mode 100644 index 0000000..9d8f2eb --- /dev/null +++ b/src/section/ProfileSection.js @@ -0,0 +1,114 @@ +import styled from "styled-components"; +import {GoCommandPalette, GoDotFill, GoPin, GoTriangleRight} from "react-icons/go"; +import {BsBraces, BsFillPinFill} from "react-icons/bs"; + +const ProfileSectionStyle = styled.section` + padding: 40px 24px; + background-color: ${p => p.theme.color.Gray0}; + + h2 { + color: ${p => p.theme.color.Gray9}; + font-size: 2em; + } + + ul { + padding: 0 8px; + margin-top: 24px; + + display: flex; + flex-direction: column; + gap: 24px; + } +` + +const ProfileList = ({title, date, children}) => { + const ProfileListStyle = styled.li` + word-break: unset; + + .list-icon { + font-size: 14px; + margin: 2px 8px 1px 8px; + } + + h3 { + color: ${p => p.theme.color.Gray9}; + font-weight: 500; + font-size: 1.3em; + + display: inline-block; + } + + .date { + color: ${p => p.theme.color.Gray6}; + font-size: 1em; + + margin-left: 6px; + } + + .description-wrap { + color: ${p => p.theme.color.Gray7}; + + padding-left: 30px; + + margin-top: 5px; + font-size: 1.05em; + + line-height: 19px; + } + + a { + color: ${p => p.theme.color.HeechanBlue}; + font-weight: 600; + transition: 100ms; + } + + a:hover { + text-decoration: underline; + } + ` + + return ( + +
+ +

{title}

+ {date} +
+ {children &&
+ {children} +
} + + ) +} + +export const ProfileSection = () => { + const profileData = [ + { + title: "선린 116기 소프트웨어과 졸업", + date: "2021.03 ~ 2024.02", + }, + ] + + return ( + +

저의 활동 내역이에요

+ + + ) +} \ No newline at end of file From d9669bdea68ead5d032135d32d62cb5bf640634a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=94=ED=82=A4=EC=B0=AC?= Date: Wed, 14 Feb 2024 22:48:20 +0900 Subject: [PATCH 2/5] =?UTF-8?q?Portfolio=20=EB=82=B4=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/section/ProfileSection.js | 50 ++++++++++++++++++++++++++--------- 1 file changed, 38 insertions(+), 12 deletions(-) diff --git a/src/section/ProfileSection.js b/src/section/ProfileSection.js index 9d8f2eb..f0ffbf3 100644 --- a/src/section/ProfileSection.js +++ b/src/section/ProfileSection.js @@ -12,6 +12,8 @@ const ProfileSectionStyle = styled.section` } ul { + font-size: 14px; + padding: 0 8px; margin-top: 24px; @@ -51,14 +53,14 @@ const ProfileList = ({title, date, children}) => { padding-left: 30px; margin-top: 5px; - font-size: 1.05em; + font-size: 1.1em; line-height: 19px; } a { color: ${p => p.theme.color.HeechanBlue}; - font-weight: 600; + font-weight: 500; transition: 100ms; } @@ -87,6 +89,40 @@ export const ProfileSection = () => { title: "선린 116기 소프트웨어과 졸업", date: "2021.03 ~ 2024.02", }, + { + title: "EDCAN 8기 부장", + date: "2021.11 ~ 2022.11", + description: <> + 모바일콘텐츠 개발반 EDCAN의 8기 부부장으로 활동했습니다. +
+ 동아리를 총괄하고 수업 준비, 행사 준비를 하면서 1년동안 동아리를 이끌어 갔습니다. +

+ 동아리 부장 회고록을 참고해주세요 + + }, + { + title: "2022 소프트웨어 나눔 축제 캠프 총괄", + date: "2022.04 ~ 2022.08", + description: <> + 선린인터넷고등학교가 주관, 주최하는 2022 소프트웨어 나눔축제의 캠프 총괄로 활동했습니다. +
+ EDCAN 캠프(AndroidStudio로 나만의 일기장 앱 만들기)를 운영했습니다. +

+ 캠프 총괄 회고록을 참고해주세요 + + }, + { + title: "제 8회 선린 해커톤 동상 수상", + data: "2022.07", + }, + { + title: "2022 선린 디지털 콘텐츠 경진대회 동상 수상", + data: "2022.12", + }, + { + title: "2023 선린 천하제일코딩대회 디자인 총괄", + data: "2023.04 ~ 2023.07", + } ] return ( @@ -98,16 +134,6 @@ export const ProfileSection = () => { title={p.title} date={p.date}>{p.description} ))} - - {/**/} - {/* 모바일콘텐츠 개발반 EDCAN의 8기 부부장으로 활동했습니다.*/} - {/*
*/} - {/* 동아리를 총괄하고 수업 준비, 행사 준비를 하면서 1년동안 동아리를 이끌어 갔습니다.*/} - {/*

*/} - {/* 동아리 부장 회고록을 참고해주세요*/} - {/**/} ) From 2642133480c12d92daed721fe4ecf85d1c64ae36 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=94=ED=82=A4=EC=B0=AC?= Date: Wed, 14 Feb 2024 23:53:57 +0900 Subject: [PATCH 3/5] List icon --- src/assets/ic_pin.png | Bin 0 -> 12411 bytes src/assets/ic_pin_fill.png | Bin 0 -> 9064 bytes src/component/ProfileList.js | 73 ++++++++++++++++++++++++++++++++++ src/section/ProfileSection.js | 63 +---------------------------- 4 files changed, 74 insertions(+), 62 deletions(-) create mode 100644 src/assets/ic_pin.png create mode 100644 src/assets/ic_pin_fill.png create mode 100644 src/component/ProfileList.js diff --git a/src/assets/ic_pin.png b/src/assets/ic_pin.png new file mode 100644 index 0000000000000000000000000000000000000000..efc1de16d502dcf1af2e9c88f84286483fe973c2 GIT binary patch literal 12411 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

h(S!s(fbOqVGf0g}3p?l%! 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 pBy18(;Q;Lau|WIF*E5KA+SmVo9^-6Q p.theme.color.Gray9}; + font-weight: 500; + font-size: 1.3em; + + display: inline-block; + } + + .date { + color: ${p => p.theme.color.Gray6}; + font-size: 1em; + + margin-left: 6px; + } + + .description-wrap { + color: ${p => p.theme.color.Gray7}; + + margin-top: 6px; + font-size: 1.25em; + + line-height: 19px; + } + + a { + color: ${p => p.theme.color.HeechanBlue}; + font-weight: 500; + transition: 100ms; + } + + a:hover { + text-decoration: underline; + } +` + +export const ProfileList = ({title, date, children}) => { + const [a, setA] = useState(false) + + return ( + setA(!a)}> +

+

{title}

+ {date} +
+ {children &&
+ {children} +
} + + ) +} \ No newline at end of file diff --git a/src/section/ProfileSection.js b/src/section/ProfileSection.js index f0ffbf3..679d009 100644 --- a/src/section/ProfileSection.js +++ b/src/section/ProfileSection.js @@ -1,6 +1,5 @@ import styled from "styled-components"; -import {GoCommandPalette, GoDotFill, GoPin, GoTriangleRight} from "react-icons/go"; -import {BsBraces, BsFillPinFill} from "react-icons/bs"; +import {ProfileList} from "../component/ProfileList"; const ProfileSectionStyle = styled.section` padding: 40px 24px; @@ -23,66 +22,6 @@ const ProfileSectionStyle = styled.section` } ` -const ProfileList = ({title, date, children}) => { - const ProfileListStyle = styled.li` - word-break: unset; - - .list-icon { - font-size: 14px; - margin: 2px 8px 1px 8px; - } - - h3 { - color: ${p => p.theme.color.Gray9}; - font-weight: 500; - font-size: 1.3em; - - display: inline-block; - } - - .date { - color: ${p => p.theme.color.Gray6}; - font-size: 1em; - - margin-left: 6px; - } - - .description-wrap { - color: ${p => p.theme.color.Gray7}; - - padding-left: 30px; - - margin-top: 5px; - font-size: 1.1em; - - line-height: 19px; - } - - a { - color: ${p => p.theme.color.HeechanBlue}; - font-weight: 500; - transition: 100ms; - } - - a:hover { - text-decoration: underline; - } - ` - - return ( - -
- -

{title}

- {date} -
- {children &&
- {children} -
} - - ) -} - export const ProfileSection = () => { const profileData = [ { From a31a7d2b400fba5952718cf4ef7539980bf672e3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=94=ED=82=A4=EC=B0=AC?= Date: Thu, 15 Feb 2024 00:18:09 +0900 Subject: [PATCH 4/5] Profile Data --- src/assets/ic_trophy.png | Bin 0 -> 19693 bytes src/component/ProfileList.js | 31 +++++++++----------- src/data/ProfileData.js | 53 ++++++++++++++++++++++++++++++++++ src/section/ProfileSection.js | 49 ++++--------------------------- 4 files changed, 72 insertions(+), 61 deletions(-) create mode 100644 src/assets/ic_trophy.png create mode 100644 src/data/ProfileData.js diff --git a/src/assets/ic_trophy.png b/src/assets/ic_trophy.png new file mode 100644 index 0000000000000000000000000000000000000000..3e70bbf6949853fb4ffa7fb1dfa1a178ff983d5b GIT binary patch literal 19693 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 ZSm(s8?XBsbghJp;Lq%7);u<>S{{XLEcCG*b literal 0 HcmV?d00001 diff --git a/src/component/ProfileList.js b/src/component/ProfileList.js index 0bb803a..6385ba8 100644 --- a/src/component/ProfileList.js +++ b/src/component/ProfileList.js @@ -1,23 +1,20 @@ import styled, {css} from "styled-components"; -import Pin from "./../assets/ic_pin.png" -import {useState} from "react"; const ProfileListStyle = styled.li` word-break: unset; - list-style: none; - + position: relative; padding-left: 24px; - + &::before { content: ""; width: 17px; height: 17px; - + position: absolute; top: 0; left: 0; - background-image: url(${Pin}); + background-image: url(${p => p.icon}); background-size: cover; } @@ -56,18 +53,18 @@ const ProfileListStyle = styled.li` } ` -export const ProfileList = ({title, date, children}) => { - const [a, setA] = useState(false) - +const ProfileList = ({profile}) => { return ( - setA(!a)}> +
-

{title}

- {date} +

{profile.title}

+ {profile.date} +
+
+ {profile.description}
- {children &&
- {children} -
} ) -} \ No newline at end of file +} + +export {ProfileList} \ No newline at end of file diff --git a/src/data/ProfileData.js b/src/data/ProfileData.js new file mode 100644 index 0000000..cc1b997 --- /dev/null +++ b/src/data/ProfileData.js @@ -0,0 +1,53 @@ +import Pin from "../assets/ic_pin.png"; +import Trophy from "../assets/ic_trophy.png"; + +export const profileData = [ + { + title: "선린 116기 소프트웨어과 졸업", + date: "2021.03 ~ 2024.02", + icon: Pin, + }, + { + title: "EDCAN 8기 부장", + date: "2021.11 ~ 2022.11", + description: ( + <> + 모바일콘텐츠 개발반 EDCAN의 8기 부부장으로 활동했습니다. +
+ 동아리를 총괄하고 수업 준비, 행사 준비를 하면서 1년동안 동아리를 이끌어 갔습니다. +

+ 동아리 부장 회고록을 참고해주세요 + + ), + icon: Pin, + }, + { + title: "2022 소프트웨어 나눔 축제 캠프 총괄", + date: "2022.04 ~ 2022.08", + description: ( + <> + 선린인터넷고등학교가 주관, 주최하는 2022 소프트웨어 나눔축제의 캠프 총괄로 활동했습니다. +
+ EDCAN 캠프(AndroidStudio로 나만의 일기장 앱 만들기)를 운영했습니다. +

+ 캠프 총괄 회고록을 참고해주세요 + + ), + icon: Pin, + }, + { + title: "제 8회 선린 해커톤 동상 수상", + data: "2022.07", + icon: Trophy, + }, + { + title: "2022 선린 디지털 콘텐츠 경진대회 동상 수상", + data: "2022.12", + icon: Trophy, + }, + { + title: "2023 선린 천하제일코딩대회 디자인 총괄", + data: "2023.04 ~ 2023.07", + icon: Pin, + } +] \ No newline at end of file diff --git a/src/section/ProfileSection.js b/src/section/ProfileSection.js index 679d009..e567c23 100644 --- a/src/section/ProfileSection.js +++ b/src/section/ProfileSection.js @@ -1,5 +1,6 @@ import styled from "styled-components"; import {ProfileList} from "../component/ProfileList"; +import {profileData} from "../data/ProfileData"; const ProfileSectionStyle = styled.section` padding: 40px 24px; @@ -22,56 +23,16 @@ const ProfileSectionStyle = styled.section` } ` -export const ProfileSection = () => { - const profileData = [ - { - title: "선린 116기 소프트웨어과 졸업", - date: "2021.03 ~ 2024.02", - }, - { - title: "EDCAN 8기 부장", - date: "2021.11 ~ 2022.11", - description: <> - 모바일콘텐츠 개발반 EDCAN의 8기 부부장으로 활동했습니다. -
- 동아리를 총괄하고 수업 준비, 행사 준비를 하면서 1년동안 동아리를 이끌어 갔습니다. -

- 동아리 부장 회고록을 참고해주세요 - - }, - { - title: "2022 소프트웨어 나눔 축제 캠프 총괄", - date: "2022.04 ~ 2022.08", - description: <> - 선린인터넷고등학교가 주관, 주최하는 2022 소프트웨어 나눔축제의 캠프 총괄로 활동했습니다. -
- EDCAN 캠프(AndroidStudio로 나만의 일기장 앱 만들기)를 운영했습니다. -

- 캠프 총괄 회고록을 참고해주세요 - - }, - { - title: "제 8회 선린 해커톤 동상 수상", - data: "2022.07", - }, - { - title: "2022 선린 디지털 콘텐츠 경진대회 동상 수상", - data: "2022.12", - }, - { - title: "2023 선린 천하제일코딩대회 디자인 총괄", - data: "2023.04 ~ 2023.07", - } - ] +export const ProfileSection = () => { return (

저의 활동 내역이에요

    - {profileData.map(p => ( + {profileData.map((p, i) => ( {p.description} + key={i} + profile={p}/> ))}
From b4c3c0d27dbbf429ef7fbff7dd7dc5324aab2094 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=94=ED=82=A4=EC=B0=AC?= Date: Thu, 15 Feb 2024 00:35:10 +0900 Subject: [PATCH 5/5] Profile Data --- src/component/ProfileList.js | 2 +- src/data/ProfileData.js | 27 +++++++++++++++++++++++++++ 2 files changed, 28 insertions(+), 1 deletion(-) diff --git a/src/component/ProfileList.js b/src/component/ProfileList.js index 6385ba8..8f763b1 100644 --- a/src/component/ProfileList.js +++ b/src/component/ProfileList.js @@ -39,7 +39,7 @@ const ProfileListStyle = styled.li` margin-top: 6px; font-size: 1.25em; - line-height: 19px; + line-height: 22px; } a { diff --git a/src/data/ProfileData.js b/src/data/ProfileData.js index cc1b997..c67189a 100644 --- a/src/data/ProfileData.js +++ b/src/data/ProfileData.js @@ -38,16 +38,43 @@ export const profileData = [ { title: "제 8회 선린 해커톤 동상 수상", data: "2022.07", + description: ( + <> + 제 8회 선린 해커톤에서 생존이라는 주제로 +
+ 재난 신고 커뮤니티 위그비를 개발하여 동상을 수상하였습니다. +
+ 팀에서 Android 개발을 총괄했습니다. +

+ 위그비 소개 영상을 참고해주세요. + + ), icon: Trophy, }, { title: "2022 선린 디지털 콘텐츠 경진대회 동상 수상", data: "2022.12", + description: ( + <> + 2022년 선린 디지털콘텐츠 경진대회에서 +
+ IT업종 종사자를 위한 팀빌딩 서비스 Membeder를 개발했고 +
+ 동상을 수상했습니다. 팀에서는 팀장과 Android 개발 총괄을 진행했습니다. +

+ 깃허브와 프로젝트 설명서를 참고해주세요 + + ), icon: Trophy, }, { title: "2023 선린 천하제일코딩대회 디자인 총괄", data: "2023.04 ~ 2023.07", icon: Pin, + }, + { + title: "2023 선린 장학생", + data: "2023", + icon: Pin, } ] \ No newline at end of file