seogi1004
488
2018-08-17 11:33:57 작성 2018-08-17 11:37:39 수정됨
13
3628

웹팩+스프링부트 기반의 프론트엔드 개발 환경 구축하기


오랜만에 글을 올립니다!

코드 보기와 이미지 때문에 글을 남기지 못하고, 링크만 남긴점 죄송합니다.

생각보다 분량이 많습니다.

시간이 없으면 프로젝트를 먼저 보시고, 글을 읽으셔도 됩니다.

관련된 글들이 많은데, 잘 정리된 글은 없는 것 같아서 한번 써봤습니다.

개발하는데 도움이 되었으면 좋겠습니다.


[강좌 보러가기]

[프로젝트 다운로드]

7
8
  • 댓글 13

  • 도각도각
    3k
    2018-08-19 21:10:16

    웹팩에 대해서 듣기만하고 궁금했는데, 이번기회에 제대로 한번 봐야겠네요~


    공유 감사합니다~

    1
  • seogi1004
    488
    2018-08-20 10:51:48
    @도각도각 생각보다 쉽습니다 ㅋㅋ
    1
  • 도각도각
    3k
    2018-08-20 11:43:07

    넵. 웹팩에 대해서 기초부터 함 보고 싶은데..

    링크라던가 책이라던가 참고할만한게 있을까요?

    1
  • seogi1004
    488
    2018-08-20 13:05:25

    @도각도각 웹팩 공식 사이트에서 보시는걸 추천합니다.

    그리고 제글을 보시면 감은 올꺼에요.

    0
  • 유닉스파워툴
    792
    2018-08-20 13:37:04

    잘봤습니다

    외국사이트에서 이래저래 devsever 설정하는것을 참고하여

    저도 저렇게 했더니 편하더라구요

    개발서버 포트 나누는건 정말 편리하고 좋은거같습니다. 

    1
  • seogi1004
    488
    2018-08-20 13:54:59

    @유닉스파워툴 proxy 잘 쓰면 레거시에 적용할 때도, 도움이 됩니다.

    관련해서는 후속 글을 쓰는 중이에요.

    0
  • 유닉스파워툴
    792
    2018-08-20 14:25:12

    그렇군요 후속강좌를 꼭봐야겠습니다 감사합니다


    0
  •  (づ。◕ ܫ ◕。)づ
    4k
    2018-08-21 10:06:20

    시간이 되신다면 번들사이즈를 최적화하는 전략에 대해서 포스팅 부탁드립니다!

    1
  • seogi1004
    488
    2018-08-22 01:58:07

    @KDEV 웹팩에서 tree shaking이라는 기능을 제공하는데, 웹팩4에서는 잘 동작하지 않네요.

    좀 더 테스트를 해보고 알려드리겠습니다. ㅠㅠ

    0
  • 송골송골
    160
    2018-08-23 01:35:19

    감사합니다! 프론트앤드라서 웹팩공부해야하는데 요즘 백엔드도 같이 공부하는데 일석이조네요 ㅎㅎ!

    0
  • 서비스지향개발자
    7k
    2018-08-23 05:35:35

    좋은 포스팅 감사합니다. 

    앵귤러를 생각해보면서 읽어보았는데 

    프록시 설정에 궁금한것이 있어서 질문드립니다

    예제에서 웹팩 서버8081로 들어오는 **을 8080으로 프록시하는데

    웹팩의 생성 파일들은 스프링 리소스에 넣지 않으면서 어떻게 웹팩과 스프링이 연계되는지 궁금합니다.

    처음 웹팩 생성 파일이 로드되고 나서 프록시가 작동되는 것인가요? 

    0
  • 노오오오오오오오오오력
    308
    2018-08-23 13:41:41

    스프링은 스프링대로 돌아가고 웹팩에서도 별도의 dev서버로 동작합니다.


    나중에 웹팩에서 빌드후에 나온 결과물들은 스프링에 닣어야 하고요. 하지만 그것도 자동으로 설정가능합니다.

    1
  • 로그인을 하시면 댓글을 등록할 수 있습니다.