정리보단 후기로 들어오는 사람이 있을거같아서 후기부터 조신하게 적고 정리는 따로 글을 생성하겠습니다..
리액트를 공부하기위해 필요한 지식은 다음과 같습니다.
- HTML
- CSS
- Javascript (바닐라 = 순수 자바스크립트)
"필요한 지식 아무것도 몰라요"
생활코딩의 WEB1부터 듣는걸 추천드립니다.
https://opentutorials.org/course/3084
WEB1 - HTML & Internet - 생활코딩
--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여
opentutorials.org
자바스크립트의 경우, es6버전의 자바스크립트에 대해 핥아먹어보는 편이 좋습니다.. 특히 함수부분이요.
"필요한 지식은 아는데 자바스크립트보단 제이쿼리(JQuery)를 잘써요"
저랑 똑같은 분이시네요.. 제이쿼리는 리액트와 함께 쓸 수는 있으나! 보통 하나만 사용합니다.
제이쿼리를 애용하고있었다면 리액트를 사용할때는 버려주십쇼.
클릭함수같은 것에서 클릭한것을 뜻하는 this 같은 편리한 녀석을 못쓰지만.. 대체 방법이야 당연 있습니다.
단지 위의 아무것도 모르는 분께 말씀드린것처럼 es6문법도 먹고 이하 이어질 저의 후기 겸 추천을 봐주시면 감사합니다.
노마드코더의 ReactJS로 영화 웹 서비스 만들기 를 먼저 보고 이 강의를 들으면 좋습니다.
https://nomadcoders.co/react-fundamentals
ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders
React Fundamentals
nomadcoders.co
이 영화 웹 서비스 만들기 강의는 무료입니다. 니꼬쌤의 텐션도 좋고 속도감있게 리엑트를 스윽 흝어보며 만져볼 수 있습니다.
스파르타코딩클럽의 리액트 기초반 강의의 경우, 기초부터 정말 탄탄하게 알려주시지만 분량이 많고 처음 본다면 생소한 것들이 많아 어렵게 느껴집니다.
따라서 위의 니꼬쌤 강의를 먼저 완강 하고 리액트 기초반 강의를 듣는걸 강추드립니다!
항해 99 달리는데 확실히 제 니꼬쌤 강의 먼저 본 저의 이해 속도가 빠른듯..^^
자기애가 너무 넘치긴 합니다. 네.
당연하지만 니꼬쌤의 저 무료강의만으로는 리액트 기초를 충분히 맛보기엔 부족합니다.
스파르타 코딩클럽의 리액트 기초반은 분량이 많지만 그만큼 든든합니다. 국밥수준.
강의를 듣기 전, 필수사양 확인하기
사양 확인 안했다간 강의 듣고 작업하다가 컴퓨터 저승길감
Window : 컴퓨터 설정 > 시스템 > 정보
- 64bit
- Window v10 or v7
- Ram 4G 이상
- CPU i5 이상 or i3 (셀러론/펜티엄 X)
Mac : 좌측 로고 > 이 맥에 관하여
- v.10.11 이상
+Chrome 설치해주기.
컴퓨터/노트북의 사양이 괜찮다면 아래의 글은 읽지 않아도 괜찮습니다..
아래부터는 강의에서도 잘 알려주는 필수 프로그램 설치나 강의에 대충 어떤 내용이 포함되어있는지 정도 입니다.
필수 프로그램
- Github Desktop
- VScode
- (Window만) Git bash
- NVM
- Window : node 공식 사이트에서 LTS 버젼 다운로드 - 설치
- Mac : homebrew 다운로드- 설치 후 터미널에
brew install nvm
*맥의 경우 nvm --version 혹은 nvm -v 를 쳤을때 not found 같은게 나온다면 이분의 글을 보고 환경변수 설정.
강의에서 무엇을 알려주나요?
1주차
- 프론트엔드, 서버와 관련된 기초 지식
- HTML, CSS 가볍게
- Javascript(ex6 포함)
- JSX
2주차
- 가상돔 간단 설명
- 라이프사이클 메소드
- component
- Ref
- State 관리
3주차
- 라우팅
- 리덕스
1주차는 기초지식을 다지고 리액트를 살짝 맛보기 위해 jsx를 쓰는 방법을 알려준다.
2주차는 좀 더 리액트에 대해 알려주고 리액트의 묘미인 component와 state 관리에 대해 알려준다.
3주차에서는 리덕스를 통해 state를 관리하며 component와 연결하는 방식을 보여준다.
이후 다음 주차를 보게되면 이 곳에 추가할 예정이며
후기가 아닌 정리 글을 적을 시 링크를 첨부할 예정이다.
(오늘은 졸려서 더 이상은..!)
그럼 20000.
'Sparta Coding Club > React 기초반, 심화반 [항해 99]' 카테고리의 다른 글
| 스파르타 코딩클럽 React 리액트 심화반 3주차 정리 lodash, debounce, throttle, useCallback (0) | 2021.10.06 |
|---|---|
| 스파르타 코딩클럽 React 리액트 심화반 2주차 정리2_파이어베이스를 이용한 계정관리 (0) | 2021.10.04 |
| 스파르타 코딩클럽 React 리액트 심화반 2주차 정리 -Promise, OAuth2.0, JWT, 웹 저장소 (0) | 2021.10.01 |
| 스파르타 코딩클럽 React 리액트 심화반 1주차 정리 - Javascript (0) | 2021.09.30 |
| 스파르타 코딩클럽 React 리액트 기초반 4주차 정리 - Keyframes, Firebase 설정부터 연동, 컬랙션 가져오기/추가/수정/삭제까지 (0) | 2021.09.29 |