Node.js 클론코딩 실습(1)

1. Node.js 설치

  1) 이미 설치되어 있으므로 생략

)* 참고)Node.js설치하면 노드패키지매니저(npm)도 같이 설치된다고 함.

 

2) npx는 1회성으로 최신버전의 노드 패키지를 내려받아 설치시켜주는 노드 패키지라고 함

그런데 나는 이미 있다고 하는듯

 

2. VSCode 설치 : 이미 설치되어 있으므로 생략

3. git 설치하기 : 이미 설치되어 있으므로 생략

 

4. 구글 크롬의 웹스토어에 React Developer Tools를 설치

설치하고 나서 사이트 접속시 React를 사용한 사이트이면 아이콘이 활성화됨

 

5. 무엇을 만들것인가?

* nomadcoders.github.io/movie_app_2019 사이트와 같이 만들어본다고 함

  처음 페이지 로딩시 로딩 메세지만 나오기도 함

Home화면

About 화면

로딩 화면

이미지 / 제목 / 내용 / 그림자 테두리 등