react와 알게된 내용 2 - webpack

날짜 : 2017. 11. 23.(목)

react와 알게된 내용 정리 2 - webpack

생각하게 된 동기

1. react를 사용하는데 webpack이 무엇인지는 모른다.
2. 실제 서비스를 출시할 때에는 그럼 어떻게 하는 것이지?

알게된 점

용어정리

1. 번들링 : 여러 파일들을 하나의 파일로 모아주는 작업을 지칭
2. 로더 : 다른 리소스를 Javascript에서 사용할 수 있는 형태로 변경
   • ex1) json파일 -> data object
   • ex2) template -> template function
   • ex3) other language -> jsavscript
3. 빌드 : develop, product, test 형태로 코드 변경 하는 작업
   • ex1) product형태는 코드 중복 제거 작업 수행
   • ex2) test형태는 테스트를 위한 함수 및 데이터 추가 작업 수행

사용을 해보고 나서

react를 사용하며 처음 접하게 된 작업(번들링)이여서 고민이 많았다. static webpage인데 작업하는 것은 babel, webpack을 사용하여 테스트하고 있어서 이것을 정말 배포 할 수 있을까 라는 고민이다. 작업을 해보니 생각보다 간단히 동작이 되었으며, babel등 다른 모듈을 사용하여 static webpage를 만드는 것도 이제 어렵지 않게 할 수 있을 것 같다.

참고사이트

1. AriaFallah's github
2. perfectacle's github
3. NaverD2 Blog
4. 감성프로그래밍 Blog
5. webpack 공식사이트