(애플 코딩 무료 강의) React 완전 기초부터 바로잡기

(애플 코딩 무료 강의) React 완전 기초부터 바로잡기

본 포스팅은 유튜브 '애플 코딩' 채널의 무료 강의를 보고 공부하며 작성한 포스팅입니다.

정보 전달 목적이 아닌, 스스로 공부했던 내용을 생각나지 않았을 때를 위해,

그리고 기록 목적으로 생각나는 대로 적은 포스팅이므로, 학습 목적으로 보시는 것은 추천드리지 않으며,

궁금한 내용은 제목에 기록한 강의를 수강해 주시기 바랍니다.

해당 포스팅은 복습 과정에서 수시로 업데이트 될 수 있습니다.

직전에 인프런 무료 강의를 보고 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

라이브러리를 모은 폴더.

public

static 파일 보관함.

src

소스 코드 보관함.

package.json

설치한 라이브러리 목록.

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

from http://baby-coder.tistory.com/25 by ccl(A) rewrite - 2021-08-02 02:00:26