smilehyeon

내 뒤에 돌을 하루에 하나씩 던지면 어느샌가 산이 되어있을 거야 :)

노마드코드님의 유튜브를 즐겨보는 구독자로서, 무료로 풀어두신 클론코딩 강의를 들어보고자 한다:)
오늘은 첫날이니까 준비 셋팅만 할 예정ㅎㅎ
React로 영화 웹서비스 만들기

필요한 준비물

  • node.js
  • .npm
  • npx
  • Visual Studio Code(vsc) (에디터는 아무거나 상관없음)
  • git

  1. node.js
    https://nodejs.org/ko/ 이곳에서 필요한 버전으로 다운받는다.
    나는 안정적인 버전을 선택했다. 버전 14!
    ㅎㅎ
    cmd에 입력했을때 버전 정보가 나오면 제대로 설치된 것!!

  2. npm
    npm의 경우는 node.js를 설치할 때 같이 설치된다.
    따로 설치할 필요 없음ㅎㅎ
    설치되었는지 궁금하다면 
     npm -v

    를 입력해서 확인.
    npm은 프로젝트에서 사용되는 라이브러리를 설치 및 라이브러리 버전 관리를 하게 될 때 사용된다.

  3. npx 
     npm install npx -g

    를 입력하면 자동으로 install이 쭉쭉 된다.
    npx란 npm 패키지를 로컬에 글로벌로 설치하지 않고 일회성으로 실행할 수 있게 해주는 도구이다.

필요한 기초지식

  • HTML
  • CSS
  • 약간의 바닐라 js 지식 (근데 나는 없는 상태로 할거다)
  • const, let, function 등…
  • node.js (package.json 정도 알아두면 좋다고 함. 물론 나는 모름)

이정도 준비물만 있으면 된다고 한다! WOW!

Why React?

리액트는 페이스북이 만들었다.
많은 회사들이 리액트를 사용하고 있음. (에어비앤비, 넷플릭스, 스포티파이 등)
그 말인즉슨, 리액트를 위한 페이스북의 투자가 많다는 소리!
프레임워크도 자바스크립트 기반이라서 쉽게 배우기가 좋다.

참고