소프트웨어 엔지니어가 되고싶은 프론트엔드 개발자 이형주입니다.
현재 NHN Edu 프론트엔드 개발자로서 아이엠티처 서비스를 개발 및 운영하고 있습니다.
요즘은 마이크로프론트엔드와 웹 컴포넌트에 관심이 많습니다.
마이크로 프론트엔드 기술로 서비스 구조를 좀 더 유연하게 만들어 기능개발 및 유지보수를 유연하게하고, 웹 컴포넌트로 크로스 프레임워크 컴포넌트를 설계해 프레임워크에 구애받지 않는 프론트엔드 개발자가 되고싶기 때문입니다.
- 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
- 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_REACT18_MICRO_FRONTEND
- TOTAL_REACT18_MICRO_FRONTEND_2
- TOTAL_APPSHELL_VUE2_VUE3_REACT18_MICRO_FRONTEND
- TOTAL_FUNDAMENTALS_MICRO_FRONTEND