전체적으로 태그로 변경

Author: milooy

src/pages/resume.mdx

@@ -166,85 +166,92 @@ import 토스서비스개발Content from "./resume-content/토스서비스개발
 </Collapsible>
 
 <SubHeading>Zepl</SubHeading>
-<Collapsible title="[서비스 개발] 데이터 사이언티스트 대상 리액트 웹 애플리케이션 리뉴얼 및 유지보수">
+<Collapsible tag="서비스 개발" title="데이터 사이언티스트 대상 리액트 웹 애플리케이션 리뉴얼 및 유지보수">
   <ZeplContent />
 </Collapsible>
-<Collapsible title="[오픈소스 컨트리뷰션] Apache Zeppelin 코드 리뷰 및 개선 작업 참여"></Collapsible>
-<Collapsible title="[시스템 구축] 사용자 데이터 분석 및 자동화 테스트 시스템 구축">
+<Collapsible tag="오픈소스 컨트리뷰션" title=" Apache Zeppelin 코드 리뷰 및 개선 작업 참여"></Collapsible>
+<Collapsible tag="시스템 구축" title="사용자 데이터 분석 및 자동화 테스트 시스템 구축">
   - 데이터 기반 UI, UX 설계를 위한 사용자 데이터 분석 시스템 구축 - Google
   Analytics, Pendo - 테스트 자동화를 위한 단위 테스트, E2E 테스트 케이스 작성,
   Jest, Enzyme, Cypress, React Testing Library
 </Collapsible>
 
 <SubHeading>The Pinkfong Company</SubHeading>
-<Collapsible title="[서비스 개발] 핑크퐁 스토어 E-commerce 사이트 UI 디자인, 서버, 프론트엔드 개발">
+<Collapsible tag="서비스 개발" title="핑크퐁 스토어 E-commerce 사이트 UI 디자인, 서버, 프론트엔드 개발">
   핑크퐁 스토어 e-commerce 사이트 UI 디자인 설계 & 개발 및 Django를 이용한
   백엔드 서비스 구축
 </Collapsible>
-<Collapsible title="[시스템 구축] 재고 관리 시스템 제작 및 PWA 기반 푸시 알림 시스템 구축">
+<Collapsible tag="시스템 구축" title="재고 관리 시스템 제작 및 PWA 기반 푸시 알림 시스템 구축">
   - Angular를 이용한 SPA 기반 재고 관리 시스템 제작 및 React & Redux로 재고 관리
   시스템 개편 - 재고 관리 시스템의 모바일 지원을 위한 Progressive Web Apps 적용
   및 푸시 알람 구현
 </Collapsible>
-<Collapsible title="[시스템 구축] 사용자 데이터 분석 시스템 (Product analytics) 구축">
+<Collapsible tag="시스템 구축" title="사용자 데이터 분석 시스템 (Product analytics) 구축">
   핑크퐁 스토어 사용자 및 구매 데이터 분석을 위한 Google Analytics Enhanced
   Ecommerce (관련 블로그 글) (관련 발표)
 </Collapsible>
 
 <SubHeading>Lezhin Entertainment</SubHeading>
-<Collapsible title="[서비스 개발] 관리자 웹 애플리케이션 SPA 개발">
+<Collapsible tag="서비스 개발" title="관리자 웹 애플리케이션 SPA 개발">
   웹툰 작가 및 PD 용 관리자 웹 애플리케이션(Admin)을 Angular.js로 SPA 개발
 </Collapsible>
-<Collapsible title="[시스템 구축] 사용자 데이터 분석 시스템 (Product analytics) 구축">
+<Collapsible tag="시스템 구축" title="사용자 데이터 분석 시스템 (Product analytics) 구축">
   레진코믹스 홈페이지에 Google Analytics 연동 및 UI 개편을 위한 데이터 제공
 </Collapsible>
-<Collapsible title="[시스템 구축] End-to-end 테스트 자동화 시스템 구축">
+<Collapsible tag="시스템 구축" title="End-to-end 테스트 자동화 시스템 구축">
   레진코믹스 홈페이지의 UI 기능 테스트를 위한 Phantom.js 헤드리스 테스팅 구현
 </Collapsible>
 
 ## 외부 활동
 
 <SubHeading>2024</SubHeading>
-<Collapsible title="[개인 프로젝트] Shoot: Goal management system">
+<Collapsible tag="개인 프로젝트" title="Shoot: Goal management system">
   <ShootContent />
 </Collapsible>
 <Collapsible
-  title="[영상] 모닥불 | EP.1 토스에서 말하는 “가독성 좋은 코드” 란 무엇일까?"
+  tag="영상"
+  title="모닥불 | EP.1 토스에서 말하는 “가독성 좋은 코드” 란 무엇일까?"
   link="https://youtu.be/NwLWX2RNVcw?si=8bMgPnayp7Id_Q99"
 />
 <Collapsible
-  title="[인터뷰] 토스 프론트엔드 챕터 리드는 ‘구성원을 서포팅 하는 사람’이에요!"
+  tag="인터뷰"
+  title="토스 프론트엔드 챕터 리드는 ‘구성원을 서포팅 하는 사람’이에요!"
   link="https://toss.im/career/article/toss-frontend-leadership-and-growth"
 />
 <Collapsible
-  title="[발표] ICT인턴십, 강남고용센터 - 어쩌다 개발자"
+  tag="발표"
+  title="ICT인턴십, 강남고용센터 - 어쩌다 개발자"
   link="https://drive.google.com/file/d/1XXg7sKKh0PfvVMtkTGuPqqWxmdLCbErR/view?usp=sharing"
 />
 <SubHeading>2023</SubHeading>
 <Collapsible
-  title="[발표] 인프콘 - 팀 플레이어 101"
+  tag="발표"
+  title="인프콘 - 팀 플레이어 101"
   link="https://milooy.github.io/dev/230816-team-player-101/"
 />
 <Collapsible
-  title="[발표] SLASH 23 - 퍼널: 쏟아지는 페이지 한 방에 관리하기"
+  tag="발표"
+  title="SLASH 23 - 퍼널: 쏟아지는 페이지 한 방에 관리하기"
   link="https://youtu.be/NwLWX2RNVcw?si=8bMgPnayp7Id_Q99"
 />
 <SubHeading>2021</SubHeading>
 <Collapsible
-  title="[발표] SLASH 21 - 실무에서 바로 쓰는 Frontend Clean Code"
+  tag="발표"
+  title="SLASH 21 - 실무에서 바로 쓰는 Frontend Clean Code"
   link="https://youtu.be/edWbHp_k_9Y?si=scrF6aQBahDO73w0"
 />
 <Collapsible
-  title="[인터뷰] 헤이조이스 인터뷰"
+  tag="인터뷰"
+  title="헤이조이스 인터뷰"
   link="https://youtu.be/lImj-YpNY8Q?si=20aJMOATcbgz3jhJ"
 />
 <SubHeading>~2020</SubHeading>
-<Collapsible title="[집필] 팀 개발을 위한 Git & GitHub 시작하기(2020.01.02), 한빛미디어">
+<Collapsible tag="집필" title="팀 개발을 위한 Git & GitHub 시작하기(2020.01.02), 한빛미디어">
   <p><a href="https://youtu.be/RBgnbNkYpTM?si=IjfMaHWlKuXpQVDz" target="_blank">저자 인터뷰 영상</a></p>
   <p><a href="https://www.yes24.com/Product/Goods/118827280" target="_blank">도서 소개</a></p>
   <img style={{ width: 150 }} src="https://image.yes24.com/goods/118827280/M" />
 </Collapsible>
-<Collapsible title="[컨퍼런스 개최] Data Science is a Team Sports">
+<Collapsible tag="컨퍼런스 개최" title="Data Science is a Team Sports">
 1. 컨퍼런스 랜딩 사이트 제작 (https://milooy.github.io/DSTS2019/)
 
 - 컨퍼런스 스폰서 목록을 표시하는 ‘전자 디스플레이’ 섹션
@@ -260,8 +267,10 @@ import 토스서비스개발Content from "./resume-content/토스서비스개발
 
 </Collapsible>
 <Collapsible
-  title="[발표] 삼성전자 SOSCON 기조연설 | 주니어 개발자 5000명, 개발 해서 남 주자" link="https://www.slideshare.net/jayjin0427/soscon-2017-5000-81227938%20" />
+  tag="발표"
+  title="삼성전자 SOSCON 기조연설 | 주니어 개발자 5000명, 개발 해서 남 주자" link="https://www.slideshare.net/jayjin0427/soscon-2017-5000-81227938%20" />
 <Collapsible
+  tag="발표"
   title="[발표] 공개 SW 컨퍼런스 기조 연설 외 Facebook (Seoul, Hanoi), IBM, Microsoft, 고려대, 성신여대, 대덕마이스터고, 한양여대, 원광대 등 다수 기술 강연" >
   <Gallary>
   <img alt="image" src="/assets/resume/hanoi.png" />