ReactJs마스터클래스
1.#2.1 & #2.2 STYLED COMPONENTS
본 포스팅은 "노마드코더 React Js 마스터 클래스"를 수강한 뒤 작성되었습니다.
2.#2.3 'As' and Attrs
본 포스팅은 노마드코더의 ReactJs 마스터 클래스 강의를 수강하고 작성되었습니다.
3.#2.4 Animations and Pseudo Selectors
본 포스팅은 노마드코더의 ReactJs 마스터 클래스 강의를 수강하고 작성되었습니다
4.#2.5 Pseudo Selectors part Two
본 포스팅은 노마드코더의 ReactJs 마스터 클래스 강의를 수강하고 작성되었습니다.
5.#2.7 Themes
본 포스팅은 노마드코더의 ReactJs 마스터 클래스 강의를 수강하고 작성되었습니다.
6.#3.0 TypeScript
본 포스팅은 노마드코더 React JS 마스터클래스를 수강 후 작성되었습니다.: Javascript를 기반으로 한 프로그래밍 언어프로그래밍 언어가 작동하기 전에 type을 확인한다는 뜻JavaScript는 strongly-typed 언어가 X (아래 예시)😢 하지만
7.#3.1~#3.3 TypeScript와 props
본 포스팅은 노마드코더 React JS 마스터클래스를 수강 후 작성되었습니다.1\. .tsx 로 파일 명을 가지게 된다.2\.또는, 기존에 작업하던 것이 있다면, typescript를 전부 설치해주는 방법도 있다.\+) 그 이후 파일의 확장자를 다 .tsx로 해줘야한다
8.#3.4~#3.7 State, Forms, Themes
본 포스팅은 노마드 코더 ReactJs 마스터 클래스를 수강한 뒤, 작성되었습니다.TypeScript를 쓰면, useState를 썼을때 해당 변수의 type을 알려줌. (default 값을 기반으로)예를 들면 다음과 같다.초기값이 1이기 때문에, typeScript는
9.#4 React Router V6
본 포스팅은 노마드코더의 ReactJs 마스터클래스를 수강한 뒤 작성되었습니다.본 강의는 react-router-dom 5.4.3 버전을 기준으로 설명되었다.npm install react-router-dom@5.3.4∵ 6.4 버전과 5.4.3 버전은 多 차이가 有본
10.#5.0-1. CRYPTO TRACKER - Setup & styles
본 포스팅은 노마드코더 ReactJs 마스터 클래스를 수강한 뒤 작성되었습니다.github 링크 - Crypto-Tracker\-> 암호화폐에 대한 多 정보를 줌 ex) 코인들에 관한 정보, 코인 가격...https://coinpaprika.com/ko/\->
11.#5.2-8.
본 포스팅은 노마드 코더의 React JS 마스터클래스를 수강한 뒤 작성되었습니다.아래와 같이 ()()를 사용해 코드를 작성하면 바로 실행 되는 function을 만들 수 있다.\-> slice를 사용하면 된다.아래는 예시이다.현재 우리는 https://api
12.#5.9-11. React Query
본 포스팅은 노마드 코더의 React JS 마스터클래스를 수강한 뒤 작성되었습니다.<참고 문헌 - React Query 한글 메뉴얼>https://velog.io/@familyman80/React-Query-%ED%95%9C%EA%B8%80-%EB%A9%
13.#5.12-15 Price Chart
본 포스팅은 노마드코더의 ReactJs 마스터 클래스를 수강한 뒤 작성되었습니다.❗ Chart 만들기 위해 사용한 Coinpaprika API가 유료화되어서, Nico가 만든 자체 URL로 Chart관련 정보만 가져옴.https://ohlcv-api.nomad
14.#6 STATE MANAGEMENT
본 포스팅은 노마드코더의 React JS 마스터클래스를 수강한 뒤, 작성되었습니다.이번 강의에서는 Recoil를 사용해서 state management를 진행npm install recoil데이터 상태의 단위 (업데이트/구독 가능)atom의 값이 변화하면, 해당 값을
15.#7.0-#7.1 Set Selectors
본 포스팅은 노마드코더의 React JS 마스터클래스를 수강한 뒤 작성되었습니다.useRecoilState : atom의 값에 더해서 atom을 수정할 함수까지 줌selector : state를 가져다가 수정한 output을 return하는 것 \-> 만약 state가
16.#7.2 - #7.3 Drag and Drop
본 포스팅은 노마드코더의 React JS 마스터클래스를 수강한 뒤 작성되었습니다.본 강의에서는 todo list를 작성하고, 해당 todo들을 1) todo 2) doing 3) done으로 drag and drop할 수 있게 간이 프로젝트를 만들 것이다.npm i r
17.#7.4 - #7.7
본 포스팅은 노마드코더의 React JS 마스터클래스를 수강한 뒤 작성되었습니다.해당 함수는 argument로 多은 것들을 알려줌source에 있는 draggableId와 index 를 통해 우리가 드래그 한 것이 무엇인지를 알려줌destination을 통해 해당 요소