[노마드코더][React][JS]영화 웹 서비스 만들기 - #0 INTRODUCTION

https://code.visualstudio.com/download

1.2 Node.js

https://nodejs.org/ko/

1.3 Git

https://git-scm.com/downloads

2. 환경설정

이렇게 설치를 완료하면 CMD(명령 프롬프트 창)을 관리자 권한으로 실행시켜준다.

2.1 npm 설치 확인

CMD창에 아래를 적고 Enter

npm -v

아래에 '7.24.0' 이런식으로 나온다면 정상적으로 설치 된것이다.

2.2 npm 실행

npm

2.3 npx 설치

npm install npx -g

조금 기다리면

위와 같은 화면이 나오면 설치가 완료되었다.

2.4 git 설치 확인

git --version

이런식으로 치면 윈도우 환경 같은 경우에는 'git version 2.33.0.windows.2' 이런식으로 나온다.

3. 기초 필요한 지식

HTML, CSS, JS

바닐라JS에 대한 자세한 지식을 공부하고 싶다면 노마드코더에서 무료로 진행하고 있다.

<노마드코더 전체 과정>
📌 바닐라 JS로 크롬 앱 만들기
📌 바닐라 JS로 그림판 만들기

강의도 듣는것도 추천해요 👌

4. React란?

React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.

출처 : 위키백과

즉, 현재 가장 많이 활용되고 있는 Web/App의 View를 개발할 수 있도록 하는 인기있는 라이브러리라고 볼수 있다.

또한 우리가 아는 대부분의 사이트들은 React를 사용하여 웹 페이지를 구현하고 있다. 대표적인 사이트로는 'NEFLIX', 'instagram', 'airbnb' 등 이 있다.

이 사이트가 React로 구현되었는지 확인하는 방법은 크롬 확장프로그램에 'React Developer Tools' 이라는 이름의 확장 프로그램을 설치하면 확인해 볼 수 있다.

React는 대부분 Javascript로 이루어져 있다.
그래서 쓰는 것들도 function, class, variable...등 등으로 문법을 사용하기 때문에 사용한다.

만약 React가 인기가 없어져서 사용하지 않는다고 하더라도 나에겐 Javascript지식이 남아있게 되니 추후 취업할 때에도 자바스크립트 개발자로도 취업할 수 있다.

✨Fin..

📑추가 공부해야 될 것
1. React 특징을 찾아보고 공부해서 정리하기