메뉴

이형주

프론트엔드 개발자

개인 프로젝트

  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. 방문자수 체크 (아파치 서버)

...

react, vue, nextjs, nuxtjs, gatsby, vitepress, ..., nodejs, express, nestjs, ...