한 번에 끝내는 React 개인 노트
1.React 맛보기
환경설정 unpkg https://unpkg.com/ unpkg는 npm의 모든 것을 위한 빠르고 글로벌한 콘텐츠 전송 네트워크입니다. 다음과 같은 URL을 사용하여 모든 패키지에서 파일을 빠르고 쉽게 로드할 수 있습니다. CodeSandbox https:/
2.React맛보기) 컴포넌트 사이드이펙트 다루기
새로고침해도 데이터를 남기고 싶을 때 local Storage session Storage cookie 등 브라우저 내의 저장공간에 저장할 수 있습니다. local storage에 저장하기 lazy initialize React.useEffect Onchan
3.React맛보기) hook flow 이해하기 1
App - Child useState() 로 만들어진 set함수는 이전값이 인자로 들어옵니다. 이전 값을 이용해서 다음 값을 set해 줄 때 사용하기 좋습니다. 컴포넌트의 render가 끝난뒤에 useEffect(사이드 이펙트)가 실행됩니다. 실행 결과 사이드
4.React맛보기) 커스텀 훅 만들기
useState와 useEffect를 공통으로 관리하기 반복되는 useState / useEffect는 커스텀 훅으로 하나로 줄일 수 있습니다. 예시 커스텀 훅으로 묶기 전( useEffect 3개, useState 3개 ) React.useState()와 [
5.React맛보기) Form 다루기
기본 Form 기본적인 Form은 label input submit 으로 구성된 골격일 것입니다. 아래 html의 Form을 예제로 활용합니다. 결과적으로 위 예시를 React에서 사용하려면 react에서는 for가 아닌 htmlFor를 쓰라고 권장합니다. 사용
6.스타일링 라이브러리 - styled-component
styled-component 1-1 기존 css 방법의 문제점 https://speakerdeck.com/vjeux/react-css-in-js Global Namespace : 글로벌 변수를 지양해야하는 JS 와 대치 Dependencies : Dependen
7.React 맛보기 - 데이터 Fetch 해보기
Fetch API 기본 개념 https://developer.mozilla.org/ko/docs/Web/API/FetchAPI#%EA%B8%B0%EB%B3%B8%EA%B0%9C%EB%85%90%EA%B3%BC%EC%82%AC%EC%9A%A9%EB%B0%A9%EB%B2