사람

기업

게시물

<CRA(Create React App)와 Webpack의 중간 application bundler - Parcel> React를 공부해본 사람이라면, CRA를 사용해본 적은 분명 있을 것이다. 하지만 packaging을 조금이라도 공부를 해보거나, 더 효율적인 방법 혹은 더 이쁘게 packaging을 시도를 해보았더라면 CRA에서 packaging을 조금이라도 customization을 하려고 하면 상당히 골치아프다는 것을 알 수 있을 것이다. 기본적으로 CRA는 webpack을 사용하지만, 수정할 수 없는 구조로 되어 있다. CRA를 사용하면서 customizing을 시도해본 사람이라면 Eject 시켜버리거나 혹은 React-app-rewired 둘 중에 하나를 해야된다는 결론에 도달했을 것이라고 필자는 생각한다. 그리고 개인적으로 React-app-rewired를 써야겠다고 넘어서는 순간 차라리 그냥 Webpack을 공부해서 해봐야겠다는 결론에 도달하지 않을까 생각이 든다. 하지만 Webpack은 웹개발의 새로운 분야라고 생각이 들 정도로 머리아프고 완전히 새로운 분야... packaging을 조금 수정하기 위해서 너무 과한 투자를 하게 된다는 느낌이 강하게 들 것이다. 필자는 시도하다가 때려친 경험자로써, Webpack은 진짜 큰맘먹고 몇일을 쓴다고 생각하고 제대로 공부해야 되는 깊은 분야라고 생각한다. 이러한 사람들을 위한 구세주 같은 존재가 바로 parcel이라고 필자는 생각한다. 사용법은 CRA 못지 않게 간편하고 자동으로 dependency를 추가해주는 기능도 있고 그렇다고 절대 CRA 못지 않은 효율 및 자동화를 자랑한다. 아직 production으로 밀어본 프로젝트에 parcel을 사용해본 적은 없지만 이제 막 사용을 해보는 단계이지만 넣자마자 대만족중. Lucas Chen의 다음 강좌를 한번 따라해서 시도를 해보고 CRA의 customization 한계를 느끼고 Webpack을 해보고 싶은데 너무 어렵다고 느끼거나 아직은 이걸 다 공부하기에는 벅차다고 느끼고 있는 React 개발자분들에게 추천합니다. https://www.youtube.com/watch?v=YRJJaLSAs3s
링크 첨부됨
2020-01-03
황준용  react 프론트엔드 개발 
389RP · JavaScript 상위 6%

블로그 글

채용 정보

뉴스/미디어

프로젝트

Codestates Immersive Course
 
2019년 11월 | 진행중 
코딩 부트캠프 코드스테이츠의 Immersive course에 참여중입니다.
김수지  서비스 기획자, PM 
475RP · 자바스크립트 상위 8%
Movie
 
2020년 2월 - 2020년 2월 
TMDB API를 활용해서 영화를 검색하고 둘러볼 수 있는 사이트입니다. React.js, Redux, Redux-Saga, Styled components, Jest 등을 활용해서 구현하였습니다.
배하람  없음 
510RP · 프론트엔드 상위 10%
Pathfinding VIsualizer
 
2020년 1월 - 2020년 2월 
여러가지 최단경로 알고리즘을 시뮬레이션 하는 사이트입니다. React.js와 Sass 및 Flow를 사용해서 구현하였습니다.
배하람  없음 
510RP · 프론트엔드 상위 10%