생활
프론트엔드 개발 질문드립니다 궁금해요
프론트엔드 개발 리액트가 좋을까요? 앵귤러가 좋을까요? 개발을 처음 시작하는데 더 배우기 쉽고 유용한 쪽이 좋을 것 같아요. 감사합니다. 정말 감사합니다. 진짜로 감사합니다. 성곡하세요.
6개의 답변이 있어요!
https://trends.google.com/trends/explore?q=angular.js,react.js,vue.js
링크 참조하시면 개발 스택을 정하시는 데 도움이 될 거라 생각되고요,
트랜드라는 게 항상 바뀌기 마련이고, 지금도 바뀌는 중이니
자바스크립트에 대한 이해부터 차근히 어떤 프레임워크가 나오더라도 적응할 수 있는 역량을 키워나가심이 좋을 듯합니다 ^^저는 코딩을 iOS로 입문했다가 이후 웹 배울 때 리액트로 시작했는데, 코딩 입문자가 아닌데도 정말 어려웠습니다.
물론 습득 시간에는 개인차가 있겠지만, 저는 리액트 몇 달 하다가 뷰가 쉽다길래 써보니 정말 너무 쉽고 공식 문서가 잘 되어있어서 지금은 웹 개발할 때 뷰만 사용하고 있습니다.
앵귤러는 사실 원티드나 로켓펀치에서 프론트엔드 구인만 뒤져보셔도 거의 찾아보기 힘들어서 추천드리진 않습니다..
앵귤러는 구글에서 만들었으나 프론트의 표준으로 잡지 못하였습니다. 가급적이면 리액트나 뷰를 사용하시는 것을 추천드립니다. 또한 뷰와 리액트가 가상돔을 사용하기 때문에 렌더링이 앵귤러에 비해 월등히 압도적입니다. 리액트는 커뮤니티가 다양하여 개발 도중 궁금한 것을 금방 찾을 수 있지만 뷰 또한 기능이 적은 것은 아닙니다.
배우기 쉽고 러닝커브가 적은 것으로 하고 싶다면 뷰를 추천드리고 심도있고 전문적으로 하고 싶다면 리액트를 추천드립니다. 리액트는 확장되서 리액트 네이티브까지 사용할 수 있어서 추후 앱 개발에도 용이하게 사용할 수 있습니다.
프론트엔드 개발 리액트가 좋을까요? 앵귤러가 좋을까요? 개발을 처음 시작하는데 더 배우기 쉽고 유용한 쪽이 좋을 것 같아요. 감사합니다. 정말 감사합니다. 진짜로 감사합니다. 성곡하세요.
리엑트와 앵귤러 비교 문서를 보면 될것 같습니다.
https://x-team.com/blog/react-vs-angular/#:~:text=React%20Native%20allows%20you%20to,app%20inside%20a%20Cordova%20container.
일단 배우는 난이도 면에서는 React가 Angular에 비해 훨씬 쉽게 배울 수 있다고 합니다.
React를 배우려면 JSX, router library, state management library를 익혀야 합니다.
Angular의 경우 React에 비해 배울 것이 많습니다.
TypeScript, directives, modules, decorators, components, services, dependency injection, pipes, templates 개념을 알아야 합니다.
목적에 맞게 툴을 선택하길 바랍니다.
리엑트 / 뷰 / 앵귤러 각각 비교하여 장단점 설명해둔 URL 입니다.
간단하게 핵심만 보시면 아래와 같습니다.
React
- 웹 뿐만 아니라 앱 개발에도 사용 ( React Native )
- 페이스북이라는 거대한 업체의 지원
- 가장 거대한 커뮤니티
- Virtual Dom
HomePage : reactjs.org/
Repository : github.com/facebook/react
Vue
- 가장 적은 러닝커브 ( jQuery 등에 익숙한 기존 개발자도 가장 편하게 도입 가능 )
- 가볍고 빠르게 개발이 필요하다면 추천
- Evan You 라는 개인이 프로젝트 리더
- 2019년에 메인 리더인 Evan You 의 홍콩 시위 발언 관련하여 이슈 존재
- 상대적으로 작지만 빠르게 성장중인 커뮤니티
- 가장 최신에 릴리즈 시작한 프레임워크(2014년)
- 양방향 바인딩
- Virtual Dom
HomePage : github.com/vuejs/vue#readme
Repository : github.com/vuejs/vue
Angular
- 구글이라는 전세계적인 기업의 지원
- 가장 빠르게 릴리즈된 JS 프레임워크(2010년)
- 큰 커뮤니티
- 양방향 바인딩
- TypeScript 가장 먼저 도입
- 가장 체계적이고 잘 정리되어있는 문서
- 가장 복잡하고 큰 러닝커브 ( 내부 동작 메커니즘 등 포함 )
HomePage : angularjs.org
Repository : github.com/angular/angular.js
- 셋 중 어떠한 프레임워크를 공부하여도 충분히 좋은 프레임워크 입니다.
따라서 아래 더 중점을 둘 가치를 정하신 후에 스킬셋을 고르시면 좋을것 같습니다.
1. 본인이 입사를 원하는 회사에서 사용중인 혹은 사용 예정인 스킬
- 구인 공고에 명시하거나 현재 서비스 중인 Page 참조
2. 본인이 더 중요시 하는 프레임워크의 기준
- 러닝커브 / 커뮤니티의 크기 / Update 주기 등
3. 평균적으로 더 많은 회사가 원하는 범용적인 프레임워크
- 잡코리아 등 구인구직 사이트에서 검색하여 활용
4. 평균적으로 더 좋은 대우를 해주는 회사가 원하는 프레임워크
- 잡코리아 등 구인구직 사이트에서 검색하여 활용
리엑트, 앵귤러, 뷰 모두 3대장으로 불리는 프레임워크 입니다.
무엇을 선택해도 좋은 선택이고 사용 방법 역시 도낀개낀이지만 굳이 나눠야한다면 개발이 처음이시고 하면 진입 장벽이 가장 낮은 Vue를 추천드려요. 국내 추세로 이미 많은 프로젝트가 React로 진행되었지만 최근들어 점차 Vue로 시작되는 프로젝트들이 수두룩합니다.
Vue 관련된 정보는 많은 곳에서 찾아 볼 수 있어요. https://kdydesign.github.io/2017/11/15/vuejs-tutorial/ 이곳에서 vue에 대해 간략하게나마 접근 하실 수 있으시고, React, Angular, Vue의 프레임워크를 비교한 내용은 https://kr.vuejs.org/v2/guide/comparison.html 여기를 참고하시면 됩니다.
프레임워크는 필수가 아닌 선택이지만 개발을 처음하시는 거라면 먼저 javascript 및 html 등 웹 기반 기술을 먼저 습득하는 걸 추천드려요. 기반 기술은 필수니까요.