React

직장인들의 IT 개발모임 직띵에서 3기 FE 멤버로 현재 활동하고 있다. React 개발자로서 기초를 좀 더 다듬을 필요성을 느끼고 있었고, 무엇보다 회사 바깥의 FE개발자들과 교류의 장을 가지고 싶었다.  직띵 스터디 내에는 코딩테스트, 데브옵스, 스프링 등 여러가지 클래스가 존재하는데 그중 JS/React에 참가하고 있다. 데브옵스같은 인프라 관련 클래스에도 참가하고 싶었으나 시간적 여유 관계로 한 클래스에만 집중하고 있다.  JS/React 클래스의 경우, 커리큘럼을 딱히 정하기보다 각자 원하는 주제에 대해 공부하고 격주로 발표하는 형식으로 진행하고 있다. 발표 후 구성원들과 자유롭게 토의 하는 시간을 가지는 포맷이다.  첫번째 발표였던 지난번 내용은 아래 포스팅에서 확인할 수 있다.  https:..

이번 포스팅에서는 마이크로 프론트엔드의 개념과 도입방식, Webpack의 Module Federation에 대해 알아보고 예시 코드를 통해 간단한 마이크로 프론트엔드를 구현해보려고 한다. 최근에 여러 기업들의 Micro Frontend 도입기와 기술블로그를 읽으며 해당 개념에 대해 관심을 가지게 되었다. Webpack5에서 Module Federation이 등장한지도 벌써 4년이 넘었는데, 이제는 많은 테크 기업들이 안정적으로 도입한 같다. 당장 실무에서 도입할 스펙은 아니더라도 서비스의 확장과 분리에 대해 항상 염두해둬야한다 생각하기에 알아보았고, 감사하게도 많은 분들이 도입 사례를 공유해줘서 조금은 덜 헤맬 수 있었다.  마이크로 프론트엔드글에 들어가기 앞서, 마이크로 프론트엔드란 무엇인지 정의부터 ..

직장인들의 IT 개발모임 직띵에서 3기 FE 멤버로 활동하게 되었다. React 개발자로서 기초를 좀 더 다듬을 필요성을 느끼고 있었고, 무엇보다 회사 바깥의 FE개발자들과 교류의 장을 가지고 싶었다. 천성이 개발 이야기 하는것을 좋아하는 사람이라 입을 털(!?) 공간이 필요했고 다른 회사의 개발자들은 요즘 어떤식으로 개발하는지, 어떤 기술스택을 유심히 보는지 등 궁금한점들이 많았다. 인프런을 비롯해 몇몇 온라인 스터디모집 사이트에서 모집글을 찾아봤고 어렵지 않게 직띵에서 FE개발자를 모집해 참가하게 되었다. 찾아보며 느낀점이지만 스터디 모집은 인프런에서 하나면 충분한 듯 하다. 직띵(Zicdding)스터디 인원은 총 15명 정도였는데 FE, BE, DevOps등 다양한 분야의 개발자들로 구성되어 있다...

이번 포스팅에서는 Javacript의 모듈과 모듈 번들러의 탄생 및 핵심 기능, 마지막으로 Rollup.js 번들러에 대해 살펴보려고 한다. 모듈Rollup에 대해 이야기해보기 전에 모듈과 번들러에 대해 간략히 살펴보고 넘어가자. 프론트엔드 진영에서 개발을 하게 되면 항상 등장하는 개념인데, 용어 그대로 모듈(분리된 코드 및 조각)들을 묶어주는 역할을 한다. 건축,부동산 및 선박에 관심이 있는 사람이라면 '모듈 공법'에 대해 들어본 적도 있을것이다. 빌딩 혹은 선박을 한군데서 시공하는것이 아닌, 여러 부분을 모듈 형식으로 쪼갠 후 조립해 효율성을 극대화 하는 공법이다. 개발관점에서 보면 여러 PR을 통해 머지 후 어플리케이션을 완성하는 형태라고 보면 비슷할것 같다 ?  규모가 큰 프로그램을 개발할 때 모..