K디지털기초역량훈련

[패스트캠퍼스] React 강의-6주차

heimdall73 2022. 9. 28. 23:49

React 맛보기

드뎌 리액트 시작이다.

자바스크립트도 현재 따라가기 힘든데,,,


확장프로그램 추천

Wappalyzer:  웹사이트에 어떤 라이브러리를 사용하고 있는지 알 수 있다.

 

React

사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

- stactoverflow: https://stackoverflow.com/

- framer motion: https://www.framer.com/motion/ 

- swr: https://swr.vercel.app/ko

DOM(Document object Model): 문서를 논리 트리로 표현한다

w3schools:https://www.w3schools.com/ 

CodeSandBox:https://codesandbox.io/ 

react CDN:https://ko.reactjs.org/docs/cdn-links.html 

 

CDN 링크 – React

A JavaScript library for building user interfaces

ko.reactjs.org

 

props,

React.Frgment

 

Element 찍어내기

이벤트 핸들러

- useState

- useEffect

커스텀 훅 만들기

1. hook flow 이해하기

2. 리액트 Element에 스타일 입히기
- className-> 문자열, style-> 객체, 카멜케이스, className보다 먼저

3. Ref로 Dom다루기
- useRef를 제공했을까?
4. Form 다루기

5. Error 다루기

 


6주차 후기

패스트캠퍼스 리액트 강의 6주차가 마무리 되었는데, 강의로만 리액트를 이해하기는 쉽지가 않다.

동영상 강의 집중도 안되고, 뭐를 말해주고 싶은지에 대해서 전혀 공감이 안된다.

실무작업을 중심으로 강의를 했으면 더 집중을 하지 않았을까 아쉬움이 든다.

따로 책을 구매해서 공부를 다시 시작하거나, 아니면 문서를 참고해서 공부를 다시 해야 할 듯.