자유게시판

[web] JS (JavaScript: 자바스크립트) 관련 웹기술 종류 및 꼭 배워야 하는 것

1,602

JS (JavaScript: 자바스크립트) 관련 웹기술 종류

 

React.js (리액트): Facebook에서 만든 자바스크립트 라이브러리로, 컴포넌트 기반으로 UI를 구성하며, 가상 DOM 기술을 사용하여 빠른 렌더링 속도를 보장합니다.


Angular (앵귤러): Google에서 만든 자바스크립트 프레임워크로, MVVM(Model-View-ViewModel) 패턴을 따르며, 단일 페이지 어플리케이션(SPA)을 만들 수 있습니다.


Vue.js (뷔): Evan You가 개발한 자바스크립트 프레임워크로, 가볍고 빠르며, 리액트와 앵귤러의 장점을 결합한 것으로 뷰(View)에 중점을 둡니다.


Node.js (노드): Chrome V8 JavaScript 엔진으로 빌드된 자바스크립트 런타임 환경으로, 서버 측 애플리케이션을 개발하는 데 사용됩니다.


Express.js (익스프레스): Node.js를 위한 웹 프레임워크로, 라우팅, 미들웨어, HTTP 요청 및 응답 등을 처리하는데 사용됩니다.


TypeScript (타입스크립트): Microsoft에서 만든 자바스크립트의 상위 집합 언어로, 정적 타입 체크 기능이 있으며, 자바스크립트의 문법과 비슷하게 작성할 수 있습니다.


jQuery (제이쿼리): 자바스크립트 라이브러리로, HTML 문서의 DOM 구조를 다루는데 사용됩니다.


Redux (리덕스): 자바스크립트 애플리케이션의 상태 관리 라이브러리로, 컴포넌트 간 데이터 전달이나 상태 관리를 용이하게 합니다.


webpack (웹팩): 모듈 번들러로, 자바스크립트, CSS, 이미지 등 다양한 파일들을 하나로 묶어서 브라우저에서 사용할 수 있도록 합니다.


Babel (바벨): 자바스크립트 컴파일러로, 최신 자바스크립트 문법을 사용하여 코드를 작성하고, 이전 버전의 브라우저에서도 실행할 수 있도록 변환합니다.

 

 

React (리액트) - ChatGPT가 선정한 꼭 배워야 하는 JS 기술 1위

 

React는 현재 가장 인기 있는 자바스크립트 라이브러리 중 하나이며, 페이스북에서 만들어졌습니다. React를 이용하여 컴포넌트 기반의 UI를 구현할 수 있으며, 가상 DOM(Virtual DOM) 기술을 이용하여 빠른 렌더링 성능을 제공합니다.


React는 선언형(Declarative) 방식으로 코드를 작성하여, 복잡한 UI를 쉽게 관리할 수 있습니다. 또한 React는 데이터와 뷰를 분리시켜 개발자들이 뷰에만 집중할 수 있도록 하며, 컴포넌트 간 데이터 전달이 용이하도록 만들어져 있습니다.


React는 또한 React Native라는 모바일 애플리케이션 개발을 위한 프레임워크도 제공하며, JavaScript를 사용하여 iOS, 안드로이드 등 다양한 모바일 플랫폼에서 애플리케이션을 개발할 수 있습니다.


React를 사용하여 개발을 할 때는 JSX라는 문법을 사용하여 HTML과 JavaScript를 함께 작성하게 됩니다. 이는 처음 접하면 어색할 수 있지만, 익숙해지면 빠른 개발이 가능하도록 도와줍니다.


React는 현재 많은 기업에서 사용되고 있으며, 대규모 애플리케이션 개발에도 적합합니다. React를 이용하여 개발을 시작하려면 자바스크립트와 HTML, CSS 등의 기초 지식이 필요합니다.

 

 

- ChatGPT 답변 -

오늘부터 React 공부 시작해야지. ㅎ


분류 제목
web 스킨, 테마, 빌더, 플러그인, 코어 차이점 (= 개념비교) 1
web 유챗 - 얼리기/녹이기 기능
web PC에서 모바일모드 확인법
web 크롬 앗이런 (= 앗! 이런) 에러해결 ★ (= 크롬 재설치실패 에러해결)
web IE11 이하 (= 익스플로러 하위브라우저) 이미지 엑박 에러 원인/해결
web 구글맞춤검색 광고제거
web 유튜브 (유투브,유투버) 조회수당 (=뷰당) 평균수익공개
web 윈도우10 - 윈도우디펜더 아이콘 색깔 변경 (노란색 → 녹색)
web 크롬 - 캐시 만료 설정 코드 + 캐시 새로고침 (= Clear Cache 크롬 확장 프로그램) ※ 클리어 …
web 무료홈페이지빌더 사이트모음 ★ (=빌더추천 = 빌더종류 = 홈페이지빌더모음 = 프레임워크종류)
web 줄바꿈 (= 개행) : LF (Line Feed)와 CR (Carriage Return)
web 위키 다운로드 주소 모음 (Wiki Download Site Collection)
web 윈도우10 - 이모지 (Emoji) (입력법 + 웹에 적용) 2
web 일본 (보이콧・불매운동) 배너 달기 (= 노재팬배너 = Nojapan Boycott Banner)
web 깔끔한 코딩 가이드
web 스팸차단/스팸방어/스팸관리/스팸삭제/스팸제거/스팸해결/스팸방지/스패머차단 (프로그램 다운로드 + 그누보드5 …
web 초보자가 빨리 코딩실력 키우는 법 ^!~
web 도메인포워딩 개념 및 종류 (고정포워딩, 유동포워딩)
web 커널, 쉘, SSH, 콘솔, 터미널 개념 구분 + 사용중인 쉘종류 확인
web SSH 추천 콘솔 다운로드 (PuTTY , Xshell , poderosa , MobaXterm , Sec… 설문 중
7/19
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인