메뉴

이형주

프론트엔드 개발자

개인 프로젝트

  1. Web Components 기술을 활용하여 모든 프레임워크에서 사용 가능한 컴포넌트(디자인 시스템) 만들기 (Cross-Framework-Components feat. Web Components, Headless UI)
  2. Headless UI 기법을 활용하여 Vue2, Vue3, React18에서 사용 가능한 컴포넌트 만들기
  3. 마이크로 프론트엔드 1 (feat. Module Federation)
    1. APP_SHELL1: VanillaJS + Vite 5
      -APP1: React 18 + Vite 5
      -APP2: Vue 2 + Webpack 5
      -APP3: Vue 3 + Vite 5
    2. APP_SHELL2: VanillaJS + Webpack 5
      -APP1: React 18 + Vite 5
      -APP2: Vue 2 + Webpack 5
      -APP3: Vue 3 + Vite 5
  4. 마이크로 프론트엔드 2 (feat. Module Federation) / 라우터 히스토리 제어 좀 더 테스트 필요
    1. APP_SHELL1: React 18 + Vite 5
      -APP1: React 18 + Vite 5
      -APP2: Vue 3 + Vite 5
      -APP3: React 18 + Webpack 5
      -APP4: Vue 3 + Webpack 5
    2. APP_SHELL2: React 18 + Webpack 5
      -APP1: React 18 + Vite 5
      -APP2: Vue 3 + Vite 5
      -APP3: React 18 + Webpack 5
      -APP4: Vue 3 + Webpack 5
    3. APP_SHELL3: Vue 3 + Vite 5
      -APP1: React 18 + Vite 5
      -APP2: Vue 3 + Vite 5
      -APP3: React 18 + Webpack 5
      -APP4: Vue 3 + Webpack 5
    4. APP_SHELL4: Vue 3 + Webpack 5
      -APP1: React 18 + Vite 5
      -APP2: Vue 3 + Vite 5
      -APP3: React 18 + Webpack 5
      -APP4: Vue 3 + Webpack 5
  5. 인터렉션(애니메이션) 연구
  6. Next, Nuxt 앱 개발 및 배포

Headless UI 라이브러리

경력

  1. NHN EDU (프론트엔드 개발자, 2022.07.05 ~ 현재) / 고용보험기준
  2. dktechin (프론트엔드 개발자, 2021.09.07 ~ 2022.06.25) / 고용보험기준
  3. Hivelab (마크업 개발자, 2019.02.11 ~ 2021.09.04) / 고용보험기준
  4. 코스터네트웍스 (마크업 개발자, 2018.10.18 ~ 2019.01.01) / 고용보험기준
  5. 나인트리 (마크업 개발자, 2018.02.01 ~ 2018.10.13) / 건강보험기준

github

blogs

고민중인 내용들

  1. robots.txt 파일 생성
  2. sitemap.xml 파일 생성
  3. front search index 생성
  4. 스타일 수정 (반응형)
  5. 방문자수 체크 (아파치 서버)