매운만두맥주
1k
2021-05-11 00:46:21
15
1832

결국 뷰가 리액트보다 뛰어난 점은 없는걸까요?


먼저  자극적인 제목으로 어그로 끈 건 사과드리겠습니다.


하지만 현시점에서 리액트가 대세라는 건 누가 뭐래도 인정할 수밖에 없는 사실이고,

 '프론트 엔드 개발자'라고 한다면 리액트에 대한 이해가 기본적인 소양이나 베이스처럼

여겨지는게 요즘의 분위기인 건 분명한 것 같습니다. 


"그럼 리액트하면 되지, 왜 이런걸 물어봐"라고 질문하신다면,

회사에서 쓰게 될 프레임워크가 뷰가 될 것 같습니다...


신입이다보니, 제가 뷰를 공부함으로써 얻게 될 이득이 있는지가 가장 궁금하더라구요

"뭐든 해보면 도움 된다"식이 아니라

뷰를 공부함으로써 리액트를 공부하는 것에 비해 더 얻을 수 있는 분명한 비교우위가 궁금합니다.

혹은,  '프론트 엔드 개발자로서 성장 포인트' ?, 아니면 뷰 그 자체의 분명한 우위.


그래서 질문을 정리하면 

1. 리액트 대비 뷰의 장점이 있나요?

단순히 쉽다. 생산성같은 게 아니라, 뷰의 설계나 구조적인 측면에서 리액트를 앞서는 뭔가가 있나요?

     아니면, 프론트엔드 개발자로서의 역량 증진에 도움이 되는 리액트보다 앞서는 무언가가 있을까요?


2. 뷰와 리액트는 공통점이 많나요? 

→  다르게 말해서, 뷰를 먼저 공부하면 리액트를 공부하는데도 수월할까요?

    그리고 그게 개념, 구조적인 공통점이 있기 때문인가요?


궁금허네요,, 





-4
0
  • 댓글 15

  • 블라
    27
    2021-05-11 01:09:08

    뷰나 리액트 모두 프론트엔드 프레임워크에요.

    둘 다 어떻게 구조적으로 화면을 그려낼지에 대한 문제를 서로 다른 방법으로 풀어낸것 뿐이지 하는 일은 같아요.

     뷰, 리액트 둘중 하나를 공부하면 결과적으로 어떻게 프론트를 다룰지에 대한 지식을 얻을 수 있어요.

    어떤 프레임워크를 배울지를 비교 우위를 두고 따지는건 의미가 없어요.


    질문에 대한 답변을 하자면

    1. 리액트 대비 뷰의 장점, 개발자로써의 역량 증진

    리액트를 공부한다고 뷰 공부하는 것보다 역량 증진에 도움을 주는 그런 마법 같은건 없어요.


    프레임워크는 기능을 제공해줄 뿐이지 구현과 구조는 개발자가 짜는거고 우리가 말하는 실력은 후자를 말해요.


    역량 증진이 목적이라면 차라리 바닐라 JS를 깊게 파시는걸 추천해요


    2. 뷰 리액트 공통점

    공통점은 많아요. 이미 검색해보셔서 많이 보시겠지만 가상 돔을 쓴다는 공통점이 있어요.


    그런 공통점에 대해서 공부하시는걸 추천해요. 가상 돔을 깊게 공부하다보면 브라우저의 원리나 최적화 기법에 대해서도 깨달음을 얻을 수 있을 거에요.

  • 캐티
    4k
    2021-05-11 01:21:02

    뷰는 자바스크립트 문법을 안 깨뜨리지 않는쩌여. 리엑트는 jsx 같은 자체적인 아예 템플릿 언어를 쓰빈다. 사실머 이런 구조는 템플릿 엔진에 좋은 구조는 아니저.

    특히 백엔드 쪽에서는 뚜렷해지빈다. 템플릿에는 디자인 요소만 몰아넣어서 하여야하는데 코드와 템플릿이 썩이면 가독성문제라던가 협업할때 마이너스 요인이 나타나빈다. 이런 점을 피할 수 있는 방법은 아주 많았쩌여.

    뷰는 백엔드에 완전히 코드스타일에 html출력을 쓰빈다. 이건 더 할 말 없이 안좋쩌.

    이렇게 양분되는 이유는 텍스트 기반에 프로세스랑 dom 기반에프로세스 구조가 완전히 다르기 때문이빈다. 이걸 완전하게 이해하지 않으면서 프론트엔드랑 백엔드 따로 개발을 진행하면 저런 꼴이 잘 나오저. 풀스택으로 두 경우를 모두 고려하면 템플릿 구성은 아주 적절한 타협이 가능하빈다.

    대새인점은 개인적으로 페이스북이 뒤에 있기 때문인것 같쩌여. 앵글러 리엑트 뷰 일케 3대장이저. 머 이거 말고도 다양하게 나오고 있는데 좀 더 두고봐야 하빈다.

  • yeori
    2k
    2021-05-11 05:50:27

    뭔가가 하기 싫으면 하지 않아야할 명분을 찾으려 합니다.

    * 리액트든 뷰든 어느 한쪽을 잘하면 다른 한쪽도 쉽게 적응합니다.

    * 컴포넌트를 얼마나 잘 쪼개느냐(재사용성), 유지보수 하기 쉽게 구성했는가, 이런 점이 중요하지, 뷰냐 리액트냐 나눠서 배우는건 중요하지 않습니다.

    SPA 관련 라이브러리가 나온 이유는 컴포넌트 개념을 도입해서 유지보수성을 획기적으로 끌어올리는데 있습니다. 그러니까, 뷰든 리액트든 컴포넌트를 잘 식별하고 재사용 가능하게 뽑아내지 못하면 jquery 로 하느니만 못하게 됩니다(시간이 지날수록 여기저기 복사해다 붙여넣는 현상이 발생).

    리액트라서 쉽게 되고, 뷰라서 안되는건 없습니다.

  • 하두
    12k
    2021-05-11 06:58:23

    하나 만드세요.

  • 궁금합니다요
    139
    2021-05-11 08:05:26

    뷰를 잘하면 리액트도 잘한다고 말하는데

    그시간에 리액트를 했으면 더 잘하겠죠

    회사다니면서도 공부는 해야한다고 하는데 신입 입장에서는 회사공부를 우선하지 딴거 공부하기도 애매하죠

    결론은 뷰도 시장이 엄청 작지는 않고 프론트엔드라는 큰 분모는 같으니까 다니면서 리액트도 시간날때마다 공부하자 입니다.

  • 라이라
    3k
    2021-05-11 08:33:48 작성 2021-05-11 08:34:06 수정됨

    요즘 관공서 플젝은 vue.js 많던데요

  • 페코옹
    1k
    2021-05-11 09:04:59

    리액트 대비 가장 큰 장점이 쉽다 인데 그걸 빼면 어떻게 하나요;;


    생각나는 장점이라면 흠 


    일단 react같이 jsx 기반이 아니다 보니 html 그대로 사용할 수 있다.

    정해진 형태 html scrip css로 개발이 가능하다보니 react 처럼 구조따로 생각할 필요없다.

    상태 관리는 vuex로 간단히 가능하다.


  • 매운만두맥주
    1k
    2021-05-11 09:10:07

    페코옹

    '쉽다'는 장점을 뺀 이유는

    프론트 개발자로서 성장하는데 얼마나 도움이 되는지를

    장점의 기준으로 잡았기 때문입니다.


    쉽다는건 비즈니스 차원에서의 장점은 될 수 있지만

    개발자 개인의 기술적인 발전 측면에서는

    단점이 될 수도 있다고 생각했으니까요.

  • daywalker
    1k
    2021-05-11 09:22:33

    리액트를 한다고 뷰를 할때보다 프론트 개발자로 성장하는데 도움이 얼마나 될거 같나요?

    언어는 요구사항을 구현하는 도구일 뿐입니다.

    '나 리액트 잘해 뷰도 잘해 다른 언어도 할줄알아' => 나무만 보고 숲은 못보고 있는거죠..

    프론트 개발자로 성장을 하고 싶다면 frontend loadmap 이라고 구글에 검색하면 뭘 공부하고 배워야 되는지 알 수 있을 겁니다.

    신입이시라면 뷰냐 리액트냐 따지기 전에 기본부터 더 공부하시는게 성장하는데 더 도움이 되겠죠.


    1. 리액트 대비 뷰의 장점이 있나요?

    -> 그럼 뷰 대비 리액트 장점은 뭔가요?

    2. 뷰와 리액트는 공통점이 많나요? 

    -> 뷰와 리액트 차이점은 뭐가 있을까요?


    3. 회사에서 뷰를 선택한 이유는 뭘까요?


  • 페코옹
    1k
    2021-05-11 09:29:52
    어려운 프레임워크 한다고 개발자 발전에 더 도움이 되고 쉬운 프레임워크하면 발전 측면에 도움이 안된다니..ㅎㅎ

    타입스크립트하는 사람이 자바스크립트 하는 사람보다 더 뛰어난 개발자인가요? ㅎㅎ

    프레임워크는 그냥 편하게 앱 개발하게 도움 주는 툴 아닌가요??
    vue로 네이버 만드는 사람이 뛰어날까요 react로 okky 만드는 사람이 뛰어날까요
    (okky 비하는 아닙니다;)

  • youngyoung
    2k
    2021-05-11 10:23:49

    솔직히 좀 생각이 재밌네요

    어떤 언어, 프레임워크가 중요한게 아닙니다

    프로젝트에 뭐가 더 적합하냐가 중요한거지..ㅋ

  • 세브라이드
    2k
    2021-05-11 10:41:16

    https://kr.vuejs.org/v2/guide/comparison.html


  • 더미
    15k
    2021-05-11 11:01:27

    생산성이 중요하지않으면

     프레임워크를 왜 쓰겠습니까

  • 궁금합니다요
    139
    2021-05-11 12:58:43

    react회사랑 vue 회사 질문했을때 올라온 답변 중 하나 가져옵니다.


    FE 개발할거면 그냥 react 해


    vue 잘하는 사람이 당연히 react도 잘하겠지

    근데 그게 조금 웃긴 말인게

    그럼 처음부터 react 했으면 react 겁내 잘할거 아녀


    FE 쪽은, 특히 비즈니스 수준에서는 리액트가 거의 표준이 되어가고 있어. 모든 컨퍼런스도, 논의도, 새로운 기술도 전부 리액트 중심으로 시작되고 성장됨.


    생태계라는거 무시 못해. 만약 정말로 '프레임워크는 그냥 도구일 뿐 아냐?'라고 말한다면, 역설적이게도 더더욱 남들이 쓰는 도구 쓰는게 좋아.


    엔간히 마이너한 이슈도 전부 검색해도 잘 나오고, 없는 라이브러리 없고, '이거 되나?' 걱정할 필요도 없고, 주변에 질문할 사람도 많은거 쓰는게 나음.

  • 얌전한개발자
    90
    2021-05-11 13:42:07

    프론트 엔드 1년차 개발자의 React, Vue 간단한 후기
      ( 3년차 개발자의 진솔함. 읽기 쉬움 )
      https://m.blog.naver.com/psj9102/221677782536
      

    구글 검색어 : react vue 러닝 커브

    ---
    - 참고 (보고 있는 책, 강좌)

    실전 리액트 프로그래밍 (개정판) --> function 기반 (개정판 이전 도서는 class 기반)

    - (인프런 강좌 : 이재승) 실전 리액트 프로그래밍 --> function 기반 

    ---
    p.s
    요즘 같이 읽는 책

    "공부, 이래도 안되면 포기하세요" (이지훈) 
    12 페이지 읽고 적는 이 책의 포인트

    - 모든 공부는 원리가 똑같다
    - (동기) => (환경) => (시간) => (정리) => (체력) => (멘탈) => (고독) 

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