밍밍이
524
2021-04-29 03:27:03
8
735

Angular, React 서로 많이 다른가요?


개인프로젝트를 진행하려고 하는데요

Spring boot + React 를 사용하면 만들어보려고 했는데 

유튜브, 구글에 아무리 찾아봐도 

간단한 CRUD만드는법 밖에 안나오더라구요

그런데

Spring boot + Angular로 웹쇼핑 사이트 만드는 너무 좋은강의가 있어서 

이걸로 틀을 잡고 추가하고 커스터마이징을 해볼까하는데요

이 강의가 React였다면 완벽했겠지만 그렇지가 않아서

고민이에요


취업을 할때 프런트의 경우 React가 압도적으로 수요가 많기에 

왠만하면 React로 만들고싶은데...흠


아니면 그냥 Spring boot + Angular강의를 듣고 틀을 만든 후

어차피 서버쪽은 rest api보내주는건 똑같지 않을까요?

이후에 프런트만 React로 바꿔버릴수 있을지도 않을까..생각 중이에요


또는 그냥 Spring boot + Angular로 포트폴리오 만들어서 

이력서 돌리는게 좋을까요..?


조언  한마디만 부탁드려요 ㅠㅠ

0
  • 댓글 8

  • 니르바나
    2k
    2021-04-29 04:03:26 작성 2021-04-29 04:04:47 수정됨

    어차피 Vue던 React던 Angular던 frontend 코드는 나중엔 webpack 같은 번들링 도구를 활용하던, 어찌되었던 static한 파일로 유저단에 제공되어 user와 backend간의 매개체의 역할일 뿐입니다..


    backend도 유저로부터 request를 서버에서 처리하는 역할일 뿐이구요..

    DB접근이 필요하면 DB접근을 하는거고, 이미지나 기타 파일접근이 필요하면 파일을 가져오는거구요..


    영어가 되시면 https://www.udemy.com/courses/search/?src=ukw&q=react+spring

    유데미에 react spring으로 검색하니 강의가 꽤나오네요. 리뷰도 2000개 이상이고 평점도 4.5넘으니 괜찮을겁니다. 할인할때 1~2만원선에 보통 강의가 구매 가능하니, 고려해보시구요.

    결론적으로 사용하실 framework를 처음부터 배우세요..

    angular는 react나 vue에 비해 개발자들이 선호하지 않는걸로 알고 있습니다.

    learning curve도 높고, 간단한 CRUD라는게 그게 기본이니 해당 예제로 해둔거고, 그걸 기반으로 조금씩 살을 붙여나가시면 되는거에요.

    스프링은 스프링대로 공부해야되고, react는 react대로 공부해서 통합만 하면되는겁니다..

    어차피 백엔드에 필요한 쇼핑몰 구성은 백엔드대로 구현해야할것 이고, frontend 기능은 frontend 대로 구현해야하니까요.

    기능을 천천히 떠올려보세요.

    CRUD가 기본인건 모든 서비스가 생성/세부조회/수정/삭제가 기본이기 때문입니다. 여기에 LIST가 하나 더 있겠죠

    예를들면)

    상품 생성

    상품 리스트

    상품 세부조회

    상품 수정

    상품 삭제

    결제 등이 있겠죠..

    결제하면 배송조회 등도 이뤄져야할거구요.

    A to Zero까지의 강의도 좋지만, 특별한 서비스를 기획하셔서 직접 만들어보시는것도 좋다고 생각합니다.. 예를들면 11번가/옥션/지마켓/네이버쇼핑 등 다양한 사이트의 쇼핑몰 통합조회 서비스라던지요~

    처음부터 너무 어려운걸 만들려고 하지마시고, 할만한 소규모 프로젝트로 시작해서 조금씩 붙여나가보세요~ 그편이 나을겁니다.

    아마 처음부터 쇼핑몰을 Spring boot + angular로 특별한 지식 없이 접근하시면 다하고나서도 내가 뭘했는지 잘 모를거에요. 물론 이걸 여러번 반복하면 이해가 되겠지만, 작게 시작하는 것보다 습득력이 떨어지는건 어쩔 수 없습니다.

  • 밍밍이
    524
    2021-04-29 05:41:20

    이렇게 자세히 조언해주시다니.. 감사합니다

    Udemy에 좋은 자료가 많네요...! 

    Angular강의 초반부만 들어봤는데 Typescript부터 배워야 할게 많더라구요

    react로 바로 시작해서 공부하면서 기능추가 해가는게 말씀해주신대로 좋을꺼 같아요

    감사합니다!

  • titi00
    9
    2021-04-29 09:22:59

    프론트 취업이 급하시면 걍 리액트 하시고요


    스프링이 주력인데 프론트에 발 살짝 담궈보고 싶다면 앵귤러를 써보는것도 나쁘지않습니다. (물론 앵귤러JS 아니고 앵귤러2+)

    스프링 따로 앵귤러 따로 공부해야되는게 아니고 서로 교집합이 많고, 앵귤러 코드 까보시면 구조도 서로 비슷하거든요

    오히려 리액트보다 입문할때 부담이 더 적을수도있습니다.

  • ISA
    4k
    2021-04-29 12:34:49

    앵귤러와 리액트는 큰차이 없다면 큰차이 없고 차이가 많다면 차이가 많습니다.

    데이터 바인딩부터 서로 달라서요 앵귤러 와 뷰가 유사하고 리액트는 뭐.. 근데 결론적으로 그냥 프론트엔드 개발입니다.


  • NPE
    980
    2021-04-29 16:37:38

    백엔드 MVC 구조 개발(ex. 스프링)에 익숙하다면 앵귤러의 러닝 커브가 훨씬 낮습니다.

    타입스크립트나 rx는 그저 가져다 쓰는 정도로만 이해해도 애플리케이션 개발하는데 문제없고,

    Vue나 React와 달리 프레임워크라 서드 파티(상태 관리, 라우터)를 고려하지 않아도 됩니다.

    Angular는 Angular만 쓰면 됩니다. 다 있습니다.

  • selli
    138
    2021-04-30 13:30:31

    밍밍이


    "Spring boot + Angular로 웹쇼핑 사이트 만드는 너무 좋은강의가 있어서 ..."라고 하셨는데

    혹시 실례가 안된다면 어느 강의 사이튼지 알려주실 수 있나요?

    저 그 조합 강의 찾고 있는데 안보여서요 ㅠㅠ 

  • 밍밍이
    524
    2021-04-30 17:00:05 작성 2021-04-30 17:05:56 수정됨

    selli



    https://www.udemy.com/course/full-stack-angular-spring-boot-tutorial/

    여기에요!

  • selli
    138
    2021-05-03 08:26:13

    밍밍이님 감사합니다!~

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