React Js(기초-1)

React? 과연 무엇인가.

- 프레임워크? 라이브러리? 개발언어? 처음 내가 react를 듣기만 했었을때는 Js를 기반으로 사용하는 프레임워크 정도로 알고 있었는데 알고보니 라이브러리였다. 잘못된 지식을 새롭게 알게되어서 다행이었다. 

- 이것은 우리가 개발하는데 있어서 보다 나은 편리함을 준다고 정도로만 일단은 알고있어보자... 추후 공부를 하면서 새로운 지식을 얻도록 블로그에 개시를 할 예정이다.

 

일단  질질끌것 없이 React 시작을 해보도록 하겠다.

(따라 해보기)

(단! 이 부분은 사전의 HTML, CSS, JS의 지식을 선행 후 알아보시기를 바랍니다.)

 

 

1. 우선은 node를 설치를 해봅시다. 

- node가 설치가 되어있지 않다면 홈페이지 들어가서 설치하기(version은 크게 상관이 없다)  ==>  nodejs.org/ko/

Node.js

- node가 설치가 되어있다면 terminal 창에서 node -v 명령어를 사용해 확인해보자

v12.18.2 버전이 다운받아져 있는것을 확인가능

2. 두번째로 npm 이 설치되어 있는지 확인해보기

- node -v 와 마찬가지로 이번에는 npm -v 를 명령어로 입력해보자. (npm은 node 설치시 같이 따라 오는것이기 때문에 따로 설치할 필요는 없다)

 

3. npx 설치

- 다음으로 npx를 설치할것인데 이번에는 npm install npx -g 명령어를 입력해보자

 

! 설치시 오류 !

-g를 붙여 전역으로 설치시 오류가 발생하였다.

앞에 sudo 를 붙여서  권한을 실행해도 알 수 없는 오류가 나온다.

마지막으로 구글링을해서 이렇게 입력하였더니 오류 메세지가 뜨지 않는다.. 휴...

4. 개발도구는 VSC를 사용할것이다.(본인에게 편한것 사용하면 됨)

 

5. 마지막으로 git이 설치되어 있는지 확인해보자

- 이것도 마찬가지로 terminal에서 git 명령어 입력

이런 메시지가 뜨면 된다.

- 만약 git 이 없을시에는 이 사이트에 들어가 각자의 운영체제에 맞게 설치하면 된다. ==> git-scm.com/downloads 

Git - Downloads

 

실컷 설치를 한 후에 React를 왜 배워야하는지 설명하겠다.

- React는 facebook이 만들었음(모든 facebook는 react로 돌아간다)

- React가 보다 좋은 기술로 만들기위해많은 시간과 돈, 자원이 투자되고 있음.

- Js를 사용하기에 후에 React가 망하더라도 Js의 지식은 남아있기에 충분히 괜찮다고 봄.

 

그러므로 앞으로 열심히 공부를 해봅시다.!!