[React] React 복습 3

 

알림

 

본 포스팅은 공부 목적으로 작성된 글이며 상업적 목적으로 절대 사용되지 않았음을 밝힙니다.

 

복습 개요

 

직전에 인프런 무료 강의를 보고 Node JS부터 React까지 그저 따라만 하며 공부하고 그것을 올렸는데요. 이론부터 접근하는 것보다 이 분야는 무작정 해 보면서 틀리는 것을 반복하는 게 더 공부 비결이라 생각되어, 하나도 모르는 상태에서 강의를 진행 했었습니다.

 

결과적으로 그 방법도 옳았지만, 인간적으로 너무 모르는 거 투성이기 때문에, 우선 시작했으니 완강을 한 후에 입담이 굉장히 좋으신 애플 코딩 님의 리액트 강의도 보게 됐습니다. 강의 개수는 7개로 적은 편이기 때문에(아마 유료 강의는 더 있을 것으로 생각합니다.) 인프런 React 유튜브 클론 코딩과 병행을 하거나, 그 이전에 완강 하기에 충분한 시간일 것 같아 개꿀이라 생각합니다.

 

복습

 

1. Node JS랑 VSCode가 설치하기

2. 터미널 창 키기

3. npx create-react-app 폴더명 

4. npm start

 

왜 터미널에 npx create-react-app과 npm start가 가능한 이유는, nodejs를 설치했기 때문입니다.

 

App.js: 메인 페이지에 들어 갈 HTML 등을 짜는 파일

index.html: 메인 페이지

index.js: App.js → index.html을 가능하게 해주는 역할

node_modules: 라이브러리를 모은 폴더

publicstatic: 파일 보관함

src: 소스 코드 보관함

package.json: 설치한 라이브러리 목록

npm install ~로 설치할 때마다 업로드 됨

 

 

 

import는 파일을 끌어다 등록하는? 명령어인 것 같습니다. 흰색 테두리 return 자리에 입력을 하면 값들이 화면에 나타나는데, 예를 들어 npm start 했을 때 실행창이 뜬 그 상태에서, 노란색 테두리 p 태그만 test로 변경해줬는데 다음과 같은 자리에 test가 그대로 입력된 것을 보실 수 있습니다.