뉴비개발자
526
2019-04-19 10:11:35
7
651

vue, react, angular 등


요즘 백엔드만 하시는 개발자분들도 프론트 쪽 자바스크립트 라이브러리중 제이쿼리정도는 기본으로 하고 가잖아요. 근데 요즘 vue.js가 떠오르고 있다길래 스프링 공부하면서 유튜브로 조금씩 공부하고 있는데 제이쿼리로 할 수있는것을 vue.js로도 (방법은 더 어렵더라도) 거의 다할수 있겠다 싶어서 제이쿼리랑 다른 라이브러리(vue, react, angular)같이 혼용해서 쓰는게 프론트에서 할수있는거고 그렇게 해도 되는건가요? 아니면 서너가지 되는 자바스크립트 라이브러리중 한가지만 택해서 그것만 하는게 좋나요? 아니면 결국엔 회사에 취업하게되면 회사에서 쓰는 프론트엔드 언어를 공부하면 되는건가요?

0
0
  • 답변 7

  • ....
    2019-04-19 10:25:38

    그건 프레임워크(vue, react, angular)를 다루다보면 같이 무엇을 사용해야될 지 자연스레 알게됩니다.

    (* react는 라이브러리라고 하는데 차이점을 모르겠습니다.ㅎㅎ)


    제이쿼리는 사용하지않습니다. 프레임워크에서 모두 해결할 수 있기때문이죠

    배우다가 웹팩을 사용하는 곳이다하면 웹팩도 배우게 되고

    웹팩에 따르는 여러 플러그인들을 npm에서 다운받을 수 있습니다.


    일단 vue를 공부해보시길 바랍니다.

    1
  • 뉴비개발자
    526
    2019-04-19 10:28:36 작성 2019-04-19 10:29:30 수정됨

    거북왕// 

    아 보통은 그럼 제이쿼리 이후로 나온 삼대장(vue, react, angular) 라이브러리 및 프레임워크들 중 하나라도 프로젝트에서 사용하게 되면 제이쿼리는 제외하게 되나요? 보통은


    저 같은 경우에는 제이쿼리가 가장 직관적이고 쓰기는 편해서 ㅋㅋㅋ

    0
  • shaffron
    3k
    2019-04-19 10:29:37

    전혀...까진 아니지만 혼용해도 문제없습니다.

    jQuery나 Vue, React 같은 프론트엔드 프레임워크의 목적은 결국 DOM을 쉽게 조작하자는 겁니다.


    jQuery는 ID나 클래스 같은 CSS Selector 방식으로 DOM을 찾아서 조작하는 방식으로 개발하며, 

    Vue/React/Angular는 데이터와 DOM과의 상관관계를 지정해주는 방식으로 개발합니다.


    결론적으로 jQuery는 개발자가 직접 DOM을 조작하게 되며, V/R/A는 데이터가 들어올 때 DOM이 어떻게 반응해야 하는지만 구현하면, 프레임워크가 DOM을 조작하게 됩니다.


    혼용해도 상관없지만 같은 DOM 이녀석, 저녀석이 찝적되면 누가 건드렸는지 파악하기가 쉽지 않겠죠.

    그래서 일반적으로 한가지로 통일해서 씁니다.


    어쨋든 웹개발은 HTML, CSS, Javascript (+ BOM)이 전부입니다.

    제이쿼리나 V/A/R 같은건 조금 더 쉽게 웹개발을 해보자는 라이브러리, 프레임워크구요.

    결국은 이녀석들도 전부 자바스크립트입니다.


    기본기만 잘 다져놓으면 어느 회사를 가던, 어떤 개발방식으로 개발하던 빠르게 적응하실 수 있을겁니다.

    추가적으로 자바스크립트 디자인 패턴을 공부하시면 V/A/R이 어떻게 구동되는지 조금 더 명확하게 이해하실 수 있겠네요


    참고로 jquery랑 vue는 일부 충돌나는 기능이 있다고 들었습니다

    1
  • shaffron
    3k
    2019-04-19 10:32:40

    일반적으로는 프론트 프레임워크들이 jQuery의 기능을 대부분 포함합니다만, Ajax 기능이 없습니다.

    당연하게도 DOM을 관리하기 위해 나온 녀석들이니 이걸 포함할 이유가 없죠.

    그래서 익숙한 jQuery의 $.ajax를 쓰기 위해 프레임워크 + jQuery 조합을 가끔 쓰는걸 봤는데, 

    ajax 기능만 사용하기 위해 jquery를 도입하는건 너무 무겁습니다.

    그래서 ajax 기능만 뽑아놓은 axios란 라이브러리를 많이 쓰죠.


    0
  • 뉴비개발자
    526
    2019-04-19 10:34:13

    shaffron// 감사합니다.

    0
  • ....
    2019-04-19 10:36:06

    제이쿼리에서는 DOM을 다루는 것이 주 기능인데

    그 기능은 프레임워크에서 제공하는 기능과 같거나 비슷합니다.

    이미 제공한다는 것이죠 ㅎㅎ

    ajax기능은 axios를 많이 사용합니다.


    따라서 사용할 이유는 없다고 생각합니다.


    0
  • 뉴비개발자
    526
    2019-04-19 10:38:33

    거북왕// 감사합니다.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.