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주차가 마무리 되었는데, 강의로만 리액트를 이해하기는 쉽지가 않다.
동영상 강의 집중도 안되고, 뭐를 말해주고 싶은지에 대해서 전혀 공감이 안된다.
실무작업을 중심으로 강의를 했으면 더 집중을 하지 않았을까 아쉬움이 든다.
따로 책을 구매해서 공부를 다시 시작하거나, 아니면 문서를 참고해서 공부를 다시 해야 할 듯.
'K디지털기초역량훈련' 카테고리의 다른 글
[패스트캠퍼스] React 강의-7주차 (0) | 2022.10.05 |
---|---|
JSON: JavaScript Object Notation(자바스크립트의 객체 표기법) (0) | 2022.09.28 |
[패스트캠퍼스] React 강의-5주차 (0) | 2022.09.20 |
[패스트캠퍼스] React 강의-4주차 (0) | 2022.09.12 |
[패스트캠퍼스] React 강의-3주차 (0) | 2022.09.04 |