TypeScript? Vue.js? React.js?

지금 계속 다른 인턴십 프로그램이나 개발자 양성 프로그램을 찾아보다가 

프로그래머스에서 제공하는 Winter Coding 인턴십 프로그램을 발견했다.

 

코딩테스트 준비도 안돼있고, 지금 하고있는 인턴십이 12월 31일까지라 어차피 참여는 못하지만, 프로그래머스에 이력서는 입력해봤다.

 

이력서에 github 계정 연동이 있길래 해봤는데 거기서 내 리파지토리를 분석해서 주 언어를 보여줬다.

 

 

이렇게 보여주는데, 다른건 다 알겠는데 TypeScript라는 걸 처음 봐서 찾아보다가

 

.js 로 끝나는 다른 기술들에 대해서도 알아보았고, 정확이 무슨 차이가 있는지 정리해보려 한다.

 

(서론이 길었다.)

 

 

1. TypeScript 란?

 

- 웹 클라이언트와 서버 프로그램 개발에 모두 사용되는 오픈 소스 프로그래밍 언어

- 마이크로소프트(Microsoft)에서 개발하였다. 자바스크립트(JavaScript)의 상위 언어로, 앵귤러제이에스(AngularJS), 리액트제이에스(ReactJS), 노드닷제이에스(Node.js) 등의 자바스크립트 기반 프로그램은 타입스크립트 프로그램으로도 동작 [출처] 네이버 지식백과

 

2. Node.js 란? 

 

- 웹브라우저(프론트)에서 쓰이는 js를 서버(백엔드)에서도 이용하게 하는 js 런타임 
- V8을 탑재함으로서 chrome에서 이용 가능 

 

한마디로 프론트 기술이었던 JavaScript언어로 백앤드 까지 개발할 수 있게 한 기술이다.

 

 

 

3. Vue.js 란?

 

- Vue.js는 웹 개발을 단순화하고 정리하기 위해 개발된 대중적인 자바스크립트 프론트엔드 프레임워크.
- 웹 UI 개발(컴포넌트, 선언형 UI, 핫 리로딩, 타임 트래블 디버깅 등)의 아이디어를 더 접근 가능하도록 만드는데 초점. 개발자들이 익히기에 더 쉽다.

- 웹의 뷰(view)를 구성하는 요소인 HTML, CSS, JavaScript 코드를 .vue 확장자를 가진 하나의 파일에 모두 정의하는 방식. 이러한 관리 방식은 적당한 규모의 프로젝트에서 관리의 생산성을 높이고, 협업을 수월하게 한다는 장점이 있음.

 

한마디로 프론트 기술이다.

 

 

 

4. React.js 란?

 

- 사용자의 조작에 따라 사용자 인터페이스가 동적으로 변화하는 웹 애플리케이션을 개발할 수 있게 해 주는 프론트엔드 라이브러리.
- 단일 페이지 응용 프로그램을 작성하는 데 사용.
- 기본적인 기능은 배우는데 어렵지 않음 (1시간 만에 사용 환경을 설정할 수 있는 Getting Started 가이드를 제공) 그러나 고급 기능을 위해서는 서드 파티 등 다른 라이브러리를 사용해야 함.  

 

이것도 역시 한마디로 프론트 기술이다.

​

 

어느 블로그에서 본 바로는,

 

차이점을 굳이 뽑자면, Vue나 React는 프론트엔드 라이브러리라서 
이제 node.js 중에서 vue를 쓸건지 react를 쓸건지 고민하는 느낌!
요즘은 주로 node + react를 쓰는 것 같다.

 

라고 한다.

 

 

대충 궁금한 점은 해소가 된 것 같고, 나는 지금 서버쪽과 프론트쪽을 다 건드리는 Node.js를 공부하고 있구나~ 하는 감이 잡힌다. 여태 이것도 모르고 공부했다니 좀 웃기다ㅋㅋ

 

 

 

도움이 될만한 페이지들을 정리해왔다.

 

 

https://velopert.com/3612

누구든지 하는 리액트 1편: 리액트는 무엇인가 | VELOPERT.LOG

 

https://www.samsungsds.com/kr/insights/frameworks.html?referrer=https://blog.naver.com/PostView.naver?blogId=hihello0426&logNo=222034391923&redirect=Dlog&widgetTypeCall=true&topReferer=https%3A%2F%2Fsearch.naver.com%2Fsearch.naver%3Fsm%3Dtab_hty.top%26where%3Dnexearch%26query%3Dreact.js%2Bnode.js%2Bvue.js%26oquery%3Dreact.js%26tqi%3DhiUf3lprvmsssUhsNqZssssst18-201085&directAccess=false 

웹 프론트엔드 프레임워크, 무엇을 쓸까?

 

 

https://blog.naver.com/dktmrorl/222125299173

[JavaScript] React.js와 Vue.js 비교