component---src-pages-about-index-tsx-05818517dfb8c0d25932.js.map

{"version":3,"file":"component---src-pages-about-index-tsx-05818517dfb8c0d25932.js","mappings":"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","sources":["webpack://kyoungah-dev-blog/./src/entities/tags/index.ts","webpack://kyoungah-dev-blog/./src/entities/tags/tags.ui.tsx","webpack://kyoungah-dev-blog/./src/entities/tags/tags.module.css","webpack://kyoungah-dev-blog/./src/shared/uis/tag/tag.ui.tsx","webpack://kyoungah-dev-blog/./src/shared/uis/tag/tag.module.css","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-company/work-expereince-company.module.css","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-company/work-expereince-company.ui.tsx","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-history/work-expereince-history.module.css","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-history/work-expereince-history.ui.tsx","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-tags/work-expereince-tags.module.css","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-tags/work-expereince-tags.ui.tsx","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-logs/work-expereince-logs.module.css","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/components/work-expereince-logs/work-expereince-logs.ui.tsx","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/about-work-expereince.const.ts","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/about-work-expereince.module.css","webpack://kyoungah-dev-blog/./src/widgets/about-work-expereinces/about-work-expereince.ui.tsx","webpack://kyoungah-dev-blog/./src/pages/about/about-page.ui.tsx","webpack://kyoungah-dev-blog/./src/pages/about/about-page.module.css","webpack://kyoungah-dev-blog/./src/pages/about/index.tsx","webpack://kyoungah-dev-blog/./src/shared/uis/container/container.module.css","webpack://kyoungah-dev-blog/./src/shared/uis/container/container.ui.tsx","webpack://kyoungah-dev-blog/./src/widgets/basic-layout/basic-layout.module.css","webpack://kyoungah-dev-blog/./src/widgets/basic-layout/basic-layout.ui.tsx","webpack://kyoungah-dev-blog/./node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["import { Tag } from '@/shared/uis/tag';\nimport { Tags } from './tags.ui';\n\nconst ComposedTags = Object.assign(Tags, {\n  Tag,\n});\n\nexport { ComposedTags as Tags };\n","import { PropsWithChildren, type HTMLAttributes } from 'react';\nimport { clsx } from 'clsx';\n\nimport { tagsRoot } from './tags.module.css';\n\ntype Props = PropsWithChildren & HTMLAttributes<HTMLDivElement>;\n\nfunction Tags({ children, className, ...props }: Props) {\n  return (\n    <div className={clsx(tagsRoot, className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport { Tags };\n","// extracted by mini-css-extract-plugin\nexport var show = \"tags-module--show--7704b\";\nexport var tagsRoot = \"tags-module--tags-root--e3461\";","import { clsx } from 'clsx';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { tagRoot } from './tag.module.css';\n\ntype Props = {\n  tag: ReactNode;\n} & HTMLAttributes<HTMLSpanElement>;\n\nfunction Tag({ className, tag, ...props }: Props) {\n  return (\n    <span className={clsx(tagRoot, className)} {...props}>\n      {tag}\n    </span>\n  );\n}\n\nexport type { Props as TagProps };\nexport { Tag };\n","// extracted by mini-css-extract-plugin\nexport var tagRoot = \"tag-module--tag-root--aae01\";","// extracted by mini-css-extract-plugin\nexport var workExpereinceCompanyRoot = \"work-expereince-company-module--work-expereince-company-root--07951\";\nexport var workExpereinceCompanySubText = \"work-expereince-company-module--work-expereince-company-sub-text--67035\";","import { clsx } from \"clsx\";\nimport type { HTMLAttributes } from \"react\";\n\nimport {\n  workExpereinceCompanyRoot,\n  workExpereinceCompanySubText,\n} from \"./work-expereince-company.module.css\";\n\ntype Props = {\n  company: string;\n  description?: string;\n} & HTMLAttributes<HTMLSpanElement>;\n\nfunction WorkExpereinceCompany({\n  className,\n  company,\n  description,\n  ...props\n}: Props) {\n  return (\n    <h3 className={clsx(workExpereinceCompanyRoot, className)} {...props}>\n      {company}\n      {!!description && (\n        <span className={workExpereinceCompanySubText}>({description})</span>\n      )}\n    </h3>\n  );\n}\n\nexport { WorkExpereinceCompany };\n","// extracted by mini-css-extract-plugin\nexport var workExpereinceHistory = \"work-expereince-history-module--work-expereince-history--50426\";\nexport var workExpereinceHistorySlash = \"work-expereince-history-module--work-expereince-history-slash--0bf52\";\nexport var workExpereinceHistoryTh = \"work-expereince-history-module--work-expereince-history-th--ca37e\";","import { clsx } from 'clsx';\n\nimport type { TableHTMLAttributes } from 'react';\n\nimport {\n  workExpereinceHistory,\n  workExpereinceHistoryTh,\n  workExpereinceHistorySlash,\n} from './work-expereince-history.module.css';\n\ntype WorkExpereinceHistoryProps = {\n  period: string;\n  team: string;\n  teamPosition: string;\n} & TableHTMLAttributes<HTMLTableElement>;\n\nfunction WorkExpereinceHistory({\n  className,\n  period,\n  team,\n  teamPosition,\n  ...props\n}: WorkExpereinceHistoryProps) {\n  return (\n    <table className={clsx(workExpereinceHistory, className)} {...props}>\n      <tbody>\n        <tr>\n          <th className={workExpereinceHistoryTh}>period</th>\n          <td>{period}</td>\n        </tr>\n        <tr>\n          <th className={workExpereinceHistoryTh}>position</th>\n          <td>\n            <span>{team}</span>\n            <span className={workExpereinceHistorySlash}>/</span>\n            <span>{teamPosition}</span>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\nexport { WorkExpereinceHistory };\n","// extracted by mini-css-extract-plugin\nexport var workExpereinceLogTagsRoot = \"work-expereince-tags-module--work-expereince-log-tags-root--bcfb2\";","import { Tags } from \"@/entities/tags\";\n\nimport { workExpereinceLogTagsRoot } from \"./work-expereince-tags.module.css\";\n\ntype Props = {\n  tags: string[];\n};\n\nfunction WorkExperenceTags({ tags }: Props) {\n  return (\n    <Tags className={workExpereinceLogTagsRoot}>\n      {tags.map((tag) => (\n        <Tags.Tag key={tag} tag={tag} />\n      ))}\n    </Tags>\n  );\n}\n\nexport { WorkExperenceTags };\n","// extracted by mini-css-extract-plugin\nexport var workExpereinceLog = \"work-expereince-logs-module--work-expereince-log--21db2\";\nexport var workExpereinceLogDescription = \"work-expereince-logs-module--work-expereince-log-description--17b64\";\nexport var workExpereinceLogDescriptions = \"work-expereince-logs-module--work-expereince-log-descriptions--35c8e\";\nexport var workExpereinceLogPeriod = \"work-expereince-logs-module--work-expereince-log-period--4d5f7\";\nexport var workExpereinceLogProject = \"work-expereince-logs-module--work-expereince-log-project--a03a1\";\nexport var workExpereinceLogsRoot = \"work-expereince-logs-module--work-expereince-logs-root--70e69\";","import { WorkExperenceTags } from '../work-expereince-tags/work-expereince-tags.ui';\nimport {\n  workExpereinceLogDescription,\n  workExpereinceLogDescriptions,\n  workExpereinceLogsRoot,\n  workExpereinceLogPeriod,\n  workExpereinceLogProject,\n} from './work-expereince-logs.module.css';\n\ntype Props = {\n  logs: {\n    descriptions: string[];\n    project: string;\n    projectPeriod: string;\n    tags: string[];\n  }[];\n};\n\nfunction WorkExpereinceLogs({ logs }: Props) {\n  return (\n    <>\n      {logs.map(({ descriptions, project, projectPeriod, tags }) => (\n        <div key={project} className={workExpereinceLogsRoot}>\n          <h4 className={workExpereinceLogProject}>{project}</h4>\n          <span className={workExpereinceLogPeriod}>{projectPeriod}</span>\n          <WorkExperenceTags tags={tags} />\n          <ul className={workExpereinceLogDescriptions}>\n            {descriptions.map((description) => (\n              <li key={description} className={workExpereinceLogDescription}>\n                {description}\n              </li>\n            ))}\n          </ul>\n        </div>\n      ))}\n    </>\n  );\n}\n\nexport { WorkExpereinceLogs };\n","const WORK_EXPEREINCES = [\n  {\n    company: \"넷마블F&C\",\n    logs: [\n      {\n        descriptions: [\n          \"WebSocket과 Protobuf를 사용하여 채팅 기능 개발\",\n          \"WebRTC를 사용하여 음성채팅, 화상채팅 기능 구현\",\n          \"Flutter, React Native 비교 R&D 진행\",\n        ],\n        project: \"React Native를 사용하여 채팅앱 프로토타입 개발\",\n        projectPeriod: \"2023.06 ~ 2023.11\",\n        tags: [\"TypeScript\", \"React Native\", \"Redux Toolkit\", \"Protobuf\"],\n      },\n      {\n        descriptions: [\n          \"수기로 지출 품의서 및 지출 결의서를 작성하는 재무팀을 위해 지출결의서 작성 및 등록 페이지 개발\",\n          \"FE 파트 공통 Eslint Rule 및 Prettier Rule 적용\",\n        ],\n        project: \"사내 Plan Management System 웹 애플리케이션 개발\",\n        projectPeriod: \"2023.05 ~ 2023.06\",\n        tags: [\"TypeScript\", \"React\", \"Recoil\", \"Material UI\", \"Emotion\"],\n      },\n    ],\n    period: \"2023.05 ~ 2023.12\",\n    team: \"R&D실 서버팀 FE파트\",\n    teamPosition: \"Front-End Developer\",\n  },\n  {\n    company: \"메타버스월드\",\n    companyDescription: \"넷마블F&C 자회사\",\n    logs: [\n      {\n        descriptions: [\n          \"코인 스테이킹, 브릿지, NFT 에어드롭 및 구매, 판매를 제공하는 서비스\",\n          \"Single Pool 및 Event Pool 스테이킹 서비스, NFT 상품 상세, 이벤트 페이지를 반응형 웹 및 런처 내 웹뷰 페이지로 개발\",\n          \"web3.js를 사용하여 스마트 컨트랙트 연동\",\n          \"모노레포를 사용하여 웹서비스 및 웹뷰에서 공통 UI 컴포넌트, 공통 비즈니스 로직 개발\",\n          \"버그 수정 및 피드백 반영\",\n        ],\n        project:\n          \"블록체인 서비스 Fncy 웹, 런처 내 웹뷰 신규 카테고리 개발 및 유지보수\",\n        projectPeriod: \"2022.03 ~ 2023.04\",\n        tags: [\"TypeScript\", \"Next.js\", \"Recoil\", \"Emotion\", \"Turborepo\"],\n      },\n      {\n        descriptions: [\n          \"모바일 게임 공지사항, 패치내역, 이벤트 게시판을 게임 앱 내 웹뷰 페이지로 개발\",\n          \"여러 모바일 게임에 간단하게 이식할 수 있도록 모노레포를 사용하여 공통 UI, 공통 비즈니스 로직 개발\",\n          \"AWS S3, CloudFront를 사용하여 정적 웹사이트 호스팅\",\n        ],\n        project: \"모바일 게임 내 게시판 개발\",\n        projectPeriod: \"2023.04 ~ 2023.04\",\n        tags: [\"TypeScript\", \"React\", \"Emotion\", \"Turborepo\"],\n      },\n    ],\n    period: \"2022.03 ~ 2023.05\",\n    team: \"웹 개발팀 FE파트\",\n    teamPosition: \"파트장\",\n  },\n  {\n    company: \"번개장터\",\n    logs: [\n      {\n        descriptions: [\n          \"중고거래 서비스 번개장터 PC웹, 모바일웹 담당\",\n          \"모바일웹 판매등록 페이지 리팩토링\",\n          \"모바일웹 관심상품 페이지 개발\",\n          \"PC웹, 모바일웹 로그인 페이지 및 인증 비즈니스 로직 리팩토링\",\n          \"버그 수정 및 피드백 반영\",\n        ],\n        project: \"번개장터 웹서비스 기존 기능 개편, 신규 기능 추가, 유지보수\",\n        projectPeriod: \"2019.05 ~ 2022.03\",\n        tags: [\"TypeScript\", \"React\", \"Redux\", \"Styled Components\"],\n      },\n      {\n        descriptions: [\n          \"중고폰 시세 조회 판매 서비스\",\n          \"서비스 주요 페이지 및 기능들을 모바일 웹, 네이티브 앱 내 웹뷰로 보여지는 페이지로 개발\",\n          \"디자인팀에서 구축한 디자인 시스템 참고하여 공통 UI 컴포넌트 작성\",\n          \"Lottie 애니메이션 적용 시 dynamic import, intersectionobserver를 사용하여 웹성능 최적화\",\n        ],\n        project: \"내폰 시세조회 및 내폰 판매 서비스 개발 및 유지보수\",\n        projectPeriod: \"2020.04 ~ 2022.03\",\n        tags: [\"TypeScript\", \"React\", \"Styled Components\"],\n      },\n      {\n        descriptions: [\n          \"번개장터 이벤트 및 프로모션을 반응형 웹, 네이티브 앱 내 웹뷰 페이지로 개발\",\n          \"마케팅팀이 엑셀 시트에 이벤트 데이터를 입력하면 자동으로 해당 정보를 반영한 이벤트 페이지가 생성될 수 있도록 전용 컴포넌트 및 페이지 개발\",\n        ],\n        project: \"이벤트 및 프로모션 페이지 개발\",\n        projectPeriod: \"2020.11 ~ 2022.03\",\n        tags: [\"TypeScript\", \"React\", \"Redux\", \"Styled Components\"],\n      },\n      {\n        descriptions: [\n          \"문 앞에서 판매자의 물품을 픽업해 포장 및 배송을 해주는 서비스\",\n          \"택배 신청 페이지, 배송 현황 페이지를 네이티브 앱 내 웹뷰 페이지로 개발\",\n        ],\n        project: \"포장택배 서비스 개발 및 유지보수\",\n        projectPeriod: \"2021.11 ~ 2021.12\",\n        tags: [\"TypeScript\", \"React\", \"Mobx\", \"Styled Components\"],\n      },\n      {\n        descriptions: [\n          \"중고폰 파손보험 가입 서비스\",\n          \"서비스 주요 페이지 및 기능들을 네이티브 내 웹뷰 페이지로 개발\",\n          \"팀 내에서 사용되는 프로젝트 구조를 간추려 보일러 플레이트 작성 및 유지보수\",\n          \"공통 Eslint Rule 및 Prettier Rule 적용\",\n        ],\n        project: \"중고폰 보험 가입 서비스 개발\",\n        projectPeriod: \"2019.10 ~ 2019.11\",\n        tags: [\"TypeScript\", \"React\", \"Mobx\", \"Styled Components\"],\n      },\n    ],\n    period: \"2019.05 ~ 2022.03\",\n    team: \"커스터머랩\",\n    teamPosition: \"Front-End Developer\",\n  },\n  {\n    company: \"커넥서스컴퍼니\",\n    logs: [\n      {\n        descriptions: [\n          \"소비자가 판매상품을 발굴하고 판매상품이 판매 목록에 등록되면 다른 소비자들에게 추천 및 구매, 선물할 수 있는 서비스\",\n          \"서비스 주요 페이지 및 기능들을 반응형 웹으로 개발\",\n          \"프론트 개발 환경 구성 및 프로젝트 아키텍처 설계\",\n          \"코드 스플리팅, 윈도잉 기법, 이미지 레이지 로딩 등을 사용하여 웹성능 최적화\",\n          \"Node.js로 웹 애플리케이션 미들웨어를 작성하여 Server Side Rendering 적용\",\n        ],\n        project: \"커머스 서비스 프롬 개발 및 유지보수\",\n        projectPeriod: \"2018.04 ~ 2019.05\",\n        tags: [\n          \"TypeScript\",\n          \"React\",\n          \"Redux\",\n          \"Redux-Form\",\n          \"Reactstrap\",\n          \"jQuery\",\n          \"Node.js\",\n        ],\n      },\n      {\n        descriptions: [\n          \"임플란트 시술 방법 및 과정을 등록하고 다른 사용자가 해당 정보를 보며 임플란트 시술 정보를 학습할 수 있는 서비스\",\n          \"임플란트 시술 상세 페이지, 마이 페이지를 반응형 웹으로 개발\",\n        ],\n        project: \"임플란트 시술 정보 제공 서비스 플랜티 개발\",\n        projectPeriod: \"2017.08 ~ 2018.03\",\n        tags: [\n          \"TypeScript\",\n          \"React\",\n          \"Redux\",\n          \"Redux-Form\",\n          \"Bootstrap\",\n          \"jQuery\",\n          \"Node.js\",\n        ],\n      },\n    ],\n    period: \"2017.08 ~ 2019.05\",\n    team: \"개발팀\",\n    teamPosition: \"Front-End Developer\",\n  },\n  {\n    company: \"트래포트\",\n    logs: [\n      {\n        descriptions: [\n          \"호텔 가격 비교, 예약, 결제를 한번에 제공하는 메타부킹 서비스\",\n          \"PC웹, 모바일웹, 앱 내 웹뷰 페이지로 출력되는 호텔 카테고리 영역을 담당하여 신규 기능 개발 및 유지보수\",\n        ],\n        project:\n          \"메타부킹 플랫폼 트래블하우 모바일웹, PC웹, 앱 내 웹뷰 페이지 신규 기능 개발 및 유지보수\",\n        projectPeriod: \"2016.07 ~ 2017.08\",\n        tags: [\"React\", \"Reflux\", \"Semantic UI\", \"jQuery\", \"Node.js\"],\n      },\n      {\n        descriptions: [\n          \"협력사와 내부직원에게 제공하는 운영 어드민\",\n          \"호텔 카테고리 영역을 담당하여 신규 기능 개발 및 유지보수\",\n          \"여행 일정표, 여행지 스팟 관리 기능 개발 및 유지보수\",\n        ],\n        project:\n          \"메타부킹 플랫폼 트래블하우 운영 어드민 신규 기능 개발 및 유지보수\",\n        projectPeriod: \"2016.07 ~ 2017.08\",\n        tags: [\"React\", \"Reflux\", \"Semantic UI\", \"jQuery\", \"Node.js\"],\n      },\n    ],\n    period: \"2016.07 ~ 2017.08\",\n    team: \"기술연구소\",\n    teamPosition: \"Front-End Developer\",\n  },\n];\n\nexport { WORK_EXPEREINCES };\n","// extracted by mini-css-extract-plugin\nexport var aboutWorkExpereince = \"about-work-expereince-module--about-work-expereince--88630\";\nexport var aboutWorkExpereincesBody = \"about-work-expereince-module--about-work-expereinces-body--b459f\";\nexport var aboutWorkExpereincesTitle = \"about-work-expereince-module--about-work-expereinces-title--0dea0\";","import { WorkExpereinceCompany } from \"./components/work-expereince-company\";\nimport { WorkExpereinceHistory } from \"./components/work-expereince-history\";\nimport { WorkExpereinceLogs } from \"./components/work-expereince-logs\";\n\nimport { WORK_EXPEREINCES } from \"./about-work-expereince.const\";\n\nimport {\n  aboutWorkExpereince,\n  aboutWorkExpereincesBody,\n  aboutWorkExpereincesTitle,\n} from \"./about-work-expereince.module.css\";\n\nfunction AboutWorkExpereinces() {\n  return (\n    <>\n      <h2 className={aboutWorkExpereincesTitle}>Work Experience</h2>\n      <div className={aboutWorkExpereincesBody}>\n        {WORK_EXPEREINCES.map(\n          ({\n            company,\n            companyDescription,\n            period,\n            team,\n            teamPosition,\n            logs,\n          }) => (\n            <div key={company} className={aboutWorkExpereince}>\n              <WorkExpereinceCompany\n                description={companyDescription}\n                company={company}\n              />\n              <WorkExpereinceHistory\n                period={period}\n                team={team}\n                teamPosition={teamPosition}\n              />\n              <WorkExpereinceLogs logs={logs} />\n            </div>\n          )\n        )}\n      </div>\n    </>\n  );\n}\n\nexport { AboutWorkExpereinces };\n","import { Container } from '@/shared/uis/container';\nimport { BasicLayout } from '@/widgets/basic-layout';\nimport { AboutWorkExpereinces } from '@/widgets/about-work-expereinces';\n\nimport {\n  aboutContainer,\n  aboutMe,\n  aboutMeIntroduce,\n} from './about-page.module.css';\n\nfunction AboutPage() {\n  return (\n    <BasicLayout>\n      <Container className={aboutContainer}>\n        <h1 className={aboutMe}>\n          안녕하세요\n          <br />웹 프론트엔드 개발자 <strong>박유경</strong> 입니다!\n        </h1>\n        <p className={aboutMeIntroduce}>\n          웹 프론트엔드 개발자답게 UI/UX 및 컴포넌트 재사용성 극대화에 관심이\n          많습니다.\n          <br />\n          <br />\n          끊임없이 진화하는 기술 트렌드에 적극적으로 대응하며, 새로운 기술\n          습득에 거부감이 없습니다.\n          <br />\n          <br />\n          편안한 환경에 안주하기보다는 새로운 기술이나 해법을 적극적으로\n          탐구하고 실험함으로써\n          <br />더 나은 결과를 추구하며, 지식으로 흡수하고 습득하는 것에 힘쓰고\n          있습니다.\n        </p>\n        <AboutWorkExpereinces />\n      </Container>\n    </BasicLayout>\n  );\n}\n\nexport default AboutPage;\n","// extracted by mini-css-extract-plugin\nexport var aboutContainer = \"about-page-module--about-container--7c2a2\";\nexport var aboutMe = \"about-page-module--about-me--6793e\";\nexport var aboutMeIntroduce = \"about-page-module--about-me-introduce--66684\";","import AboutPage from './about-page.ui';\n\nexport default AboutPage;\n","// extracted by mini-css-extract-plugin\nexport var containerRoot = \"container-module--container-root--3b208\";","import { clsx } from 'clsx';\nimport type { PropsWithChildren, HTMLAttributes } from 'react';\n\nimport { containerRoot } from './container.module.css';\n\ntype Props = PropsWithChildren & HTMLAttributes<HTMLSpanElement>;\n\nfunction Container({ children, className, ...props }: Props) {\n  return (\n    <div className={clsx(containerRoot, className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport { Container };\n","// extracted by mini-css-extract-plugin\nexport var basicLayoutRoot = \"basic-layout-module--basic-layout-root--a11e0\";","import { clsx } from 'clsx';\nimport { type HTMLAttributes, type PropsWithChildren } from 'react';\n\nimport { basicLayoutRoot } from './basic-layout.module.css';\n\ntype Props = PropsWithChildren & HTMLAttributes<HTMLDivElement>;\n\nfunction BasicLayout({ children, className, ...props }: Props) {\n  return (\n    <div className={clsx(basicLayoutRoot, className)} {...props}>\n      {children}\n    </div>\n  );\n}\n\nexport { BasicLayout };\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["ComposedTags","Object","assign","_ref","children","className","props","_jsx","clsx","Tag","tag","workExpereinceCompanyRoot","workExpereinceCompanySubText","WorkExpereinceCompany","company","description","_jsxs","workExpereinceHistory","workExpereinceHistorySlash","workExpereinceHistoryTh","WorkExpereinceHistory","period","team","teamPosition","workExpereinceLogTagsRoot","WorkExperenceTags","tags","Tags","map","workExpereinceLogDescription","workExpereinceLogDescriptions","workExpereinceLogPeriod","workExpereinceLogProject","workExpereinceLogsRoot","WorkExpereinceLogs","logs","_Fragment","_ref2","descriptions","project","projectPeriod","WORK_EXPEREINCES","companyDescription","aboutWorkExpereince","aboutWorkExpereincesBody","aboutWorkExpereincesTitle","AboutWorkExpereinces","BasicLayout","Container","AboutPage","containerRoot","basicLayoutRoot","r","e","t","f","n","Array","isArray","o","length","arguments"],"sourceRoot":""}