소프트웨어 엔지니어가 되고싶은 프론트엔드 개발자 이형주입니다.

1. 마이크로프론트엔드
2. Headless UI Component
3. CI/CD (Git Action, Jenkins)
4. SSG, SSR (Next.js, Nuxt.js)
5. CSR (Vue, React)
6. Native (React Native)
7. Backend (Node.js, Express)
8. AWS

• NHN Edu (2022.07 ~ 현재)
  • Front-end Developer
  • Vue2, Vue3, vuex, pinia React18, redux, redux-toolkit, Webpack, Vite, grunt, JavaScript, HTML5, CSS3, storybook, micro-frontend, monorepo, web-component, shell-script, git action, jenkins
• dktechin (2021.09 ~ 2022.06)
  • Front-end Developer
  • Vue2, Vue3, Webpack, JavaScript, HTML5, CSS3, storybook
• hivelab (2019.02 ~ 2021.08)
  • UI Developer
  • HTML5, CSS3, jQuery, JavaScript, grunt, gulp, webpack, canvas, storybook
• 코스터네트웍스 (2018.10 ~ 2018.12)
  • UI Developer
  • HTML5, CSS3, jQuery, JavaScript
• 나인트리 (2018.01 ~ 2018.10)
  • UI Developer
  • HTML5, CSS3, jQuery, JavaScript

• cross-framework-components
  • https://www.npmjs.com/package/hyungju-lee-ui
  • npm link (symlink 활용)
  • vue2, vue3, react 등 프레임워크에 구애받지 않는 컴포넌트 설계 프로젝트
  • web component 활용 중
  • 알게된점: react는 이벤트 위임 방식으로 되어있기 때문에 react 대응위해 한번 더 래핑 필요
  • 각 프레임워크에 맞게 컴포넌트 빌드하는 시스템 구축 필요
• front-design-system
  • 당장 web component 기반의 cross framework components 설계에 어려움을 느껴 시작한 프로젝트
  • vue2, vue3, react18, vanilla javascript를 위한 디자인 시스템 구축
  • 현재: monorepo 기반 microfrontend를 적용하여 vue2, vue3, react18 3개의 앱을 app shell 앱에서 통합
  • 현재 구조에서 각 프레임워크에 맞게 컴포넌트 설계 예정

• TOTAL_STUDY

• TOTAL_VUE_GUIDE_1

• TOTAL_REACT_GUIDE_1
• TOTAL_REACT_GUIDE_2
• TOTAL_REACT_GUIDE_3

• TOTAL_REACT18_MICRO_FRONTEND
• TOTAL_REACT18_MICRO_FRONTEND_2
• TOTAL_APPSHELL_VUE2_VUE3_REACT18_MICRO_FRONTEND
• TOTAL_FUNDAMENTALS_MICRO_FRONTEND

• TOTAL_MICRO_FRONTEND_TRAINING_1 ...ing
• TOTAL_MICRO_FRONT_TRAINING_2 ...ing

• TOTAL_DEVOPS_GUIDE_1

• TOTAL_CHROME_EXTENSION_GUIDE_1 ...ing

• 2023년 블로그

• TOTAL_DAILY_STUDY
• TOTAL_CROSS_FRAMEWORK_COMPONENTS
• TOTAL
• TOTAL_CORP

• TOTAL_REACT_GUIDE_1

• study repo
• study_common-ui repo
• 개인 페이지