2024 웹퍼블리셔/프론트엔드 이수민 Portfolio
2022~2024 Portfolio works, technology stacks, and careers are described.
HTML, CSS(SCSS), javascript, Git, Jira, Axure, Vue, Nuxt, React, Next, figma, Zeplin
"다양한 프로젝트 경험과 기술 역량으로
짜임새 있는 UI개발자가 되겠습니다."
안녕하세요! 저는도전을 좋아하며 지속적인 성장을 추구하고 있습니다.
실무에서 웹 퍼블리싱 업무를 5년 2개월간 해왔으며 Html, CSS(SCSS), javascript, Git, Vue, Nuxt, figma, Zeplin을 사용해 마크업 작업 및 협업을 했습니다.
평소에 사회 트렌드에 관심이 많아 블로그와 모바일 한경 어플 등을 읽으며 현재 무엇이 이목을 끄는 트렌드이고, 미래에는 어느 산업이 돌풍을 일으킬 것인지를 보는 것에 흥미를 가지고 있습니다.
React 환경에서의 작업도 익히기 위해 공부하고 있는 중 입니다.
제가 가장 자신 있는 것은 시맨틱하고 유지 보수가 편리한 마크업과 CSS 구성입니다.
스크롤과 마우스 트리거를 인터렉티브한 웹 효과를 구현이 가능합니다.
Vue 환경에서 컴포넌트화 및 동적인 UI구현이 가능합니다.
이투스에듀(프리랜서) - 퍼블리셔, 프론트엔드
[프리랜서] - 퍼블리셔, 프론트엔드(2025.01.27 계약 만료예정) 2024.10.28 ~ 2025.01.27O2O서비스 운영 및 Nuxt 환경에서 GSAP을 활용한 인터렉티브웹 페이지 제작 2024.11.21 ~ 2025.11.23지점 질의응답 페이지 LMS UI/UX 개편 - Nuxt
kakaoVX
2023.04 ~ 2023.05 사내 서비스 Hello 사이트 개편 2023.02 ~ 2023.09 프렌즈스크린앱 이벤트 2021.11 ~ 2023.09 카카오골프예약앱 웹뷰 UI 작업 - 셀프체크인, 해외투어, 부킹 등 2021.11 ~ 2023.02 관제 어드민/모니터링 업데이트, 대기카트 화면, 위탁운영 홈페이지 약관 및 티타임예약 2021.11 ~ 2022.11 스마트홈트 라이브챌린지 및 이벤트 페이지 2021.11 ~ 2022.03 카카오브이엑스 공식 홈페이지 리뉴얼
스마트스코어
2020.07 ~ 2021.10 스마트스코어 앱 웹뷰 작업 - 중고마켓, 선물하기, 조인, 매거진 등 2021.05 ~ 2021.06 퍼블핀 신규 홈페이지 구축 2021.04 ~ 2021.05 위드리치 신규 홈페이지 구축 2021.03 ~ 2021.04 스마트스코어 공식 홈페이지 UI수정 2020.12 ~ 2021.01 맥케이슨 쇼핑몰 신규 작업
메가스터디교육
2020.03 ~ 2020.06 메가공무원, 메가소방, 난공소방학원, 난공 공무원학원, 메가 공무원 전문관 서비스
솔라커넥트
2019.07 ~ 2019.09 발전왕 UI 커스터마이징 2019.05 ~ 2019.08 솔라브리지 반응형 레이아웃 개선 및 유지보수 2018.10 ~ 2019.10 솔라커넥트, 비즈솔라커넥트 웹퍼블리싱 및 유지보수
모은넷
2018.07 ~ 2018.08 쇼핑몰 제작 2018.05 ~ 2018.06 CTI 화면 UI 개발 2018.03 ~ 2018.05 모은넷 홈페이지 개편
기술 스택
90%
90%
80%
70%
20%
85%
80%
70%
성장을 지향하는 사람
개발에 적합한 마크업 구조를 지향합니다.
인터렉티브한 웹 표현이 가능합니다.
Vue와 Nuxt로 컴포넌트화 작업이 가능합니다.
2022~2024 개인프로젝트
Nuxt를 사용한 뇸뇸프로젝트(모바일 반응형)
Nuxt로 구현한 음식에 진심인 사람을 위한 서비스라는 컨셉으로 작업한 뇸뇸 그라운드 개인 토이프로젝트입니다. (총 6페이지)
Html, CSS, SCSS, javascript, Vue, Nuxt
Git url: https://github.com/soompy/toy_3_nuxt_nyomnyom
Page url: https://toy-3-nuxt-nyomnyom-gb9cb72tf-suris-projects.vercel.app/
기획, 디자인, 개발 기여도: 100%
Vite를 사용한 춘식이 팬페이지
카카오프렌즈 춘식이를 좋아하는 사람을 위한 모바일 반응형 팬페이지로 Vite로 번들링한 작업물입니다. (총 4페이지)
Html, CSS, SCSS, javascript, Vite
Git url: https://github.com/soompy/vite_toyProject_2023
Page url: https://vite-toy-project-2023-6w9m.vercel.app/
기획, 디자인, 개발 기여도: 100%
인터렉티브효과 페이지
넥센타이어 스크롤 인터렉티브 효과를 적용한 개인 작업물입니다. (총 1페이지)
Html, CSS, SCSS, javascript, Vite
Git url: https://github.com/soompy/PF2023_interactiveVanilla
Page url: https://pf-2023-interactive-vanilla.vercel.app/
기획, 디자인, 개발 기여도: 100%
캔버스 효과 페이지
카운트 다운 효과가 끝나면 3초 후 폭죽 터지는 효과가 나타나는 캔버스로 구현한 개인 작업물입니다. (총 1페이지)
Html, CSS, SCSS, javascript, Vite
Git url: https://github.com/soompy/PF2024_canvas
Page url: https://pf-2023-canvas.vercel.app/
기획, 디자인, 개발 기여도: 100%
한미약품 리뉴얼
한미약품 홈페이지를 다크모드와 부트스트랩을 활용한 디자인 시스템을 적용하여 작업한 반응형 개인 작업물입니다. (총 5페이지)
Html, CSS, SCSS, javascript, Vite, Bootstrap
Git url: https://github.com/soompy/PF2024_hanmi
기획, 디자인, 개발 기여도: 100%
더매거진 리뉴얼
더매거진 홈페이지를 Matter.js와 GSAP으로 인터렉티브 효과를 추가해 작업한 반응형 개인 작업물입니다. (총 1페이지)
Html, CSS, SCSS, javascript, GSAP, Matter.js
Git url: https://github.com/soompy/PF2024_magazine
Page url: https://pf-2024-magazine.vercel.app/
기획, 디자인, 개발 기여도: 100%
함께 하고 싶은 동료
contact here!
링크드인: 링크드인 프로필