React12 230816 typescript react-hook-form 라이브러리 사용해보기 상태관리 hook : recoil 라이브러리 사용하여 상태관리 해보기. *recoil 라이브러리 : 리액트 상태관리 라이브러리 Atom: recoil 라이브러리에서 Props 객체 데이터값 보관하는 장소 useRecoilValue( ) : Atom이라는 공간에서 데이터 값을 받아오기 위해 사용하는 함수 useRecoilState( ) : Atom 이라는 공간에서 데이터 값을 받아온 후 변경까지 할 수 있는 함수 *recoil 을 사용하기 앞서 react-hook-form 라이브러리 사용해보기 (https://www.react-hook-form.com/get-started) -컴포넌트 안에 반복적으로 사용되는 useState( ) 를 간소화 할 수 있는 라이브러리. useForm ( ) - 타입정의 : r.. 2023. 8. 16. 230810 가상화폐사이트 실습예제 https://coinpaprika.com/ko/ 암호화폐 조사 플랫폼 | 코인 시가 총액 | TOP 100 암호화폐 | 코인파프리카 코인파프리카는 암호화폐 시장조사 플랫폼입니다. 당사는 25,000개 이상의 암호화폐 시장으로 데이터를 제공합니다. 최신 암호화폐 가격, 그래프, 암호화폐 거래 ATH, 개발자 팀, 커뮤니티 통계, coinpaprika.com API데이터 styled.d.ts (스타일드 컴포넌트의 모듈의 타입을 정의하는 것) (d.ts) : 외부 라이브러리의 데이터를 활용해서 타입을 정의 - 외부 API 데이터 : 코인파프리카 - react query : 상태관리 라이브러리 ( 패키지) *npm i --force react-query : redux의 대체자 , 상태관리를 보다 효율적으로 하.. 2023. 8. 10. 230809/0810 리엑트 - 타입스크립트 리액트 자바스크립트 프로젝트 => 타입스크립트로 변경하는 방법 추가적인 설치가 필요. 1. npm i typescript 2. npm i --force @types/node 3. npm i --force @types/react 4. npm i --force @types/react-dom 5. npm i --force @types/styled-components : 타입스크립트에서 스타일드 컴포넌트 사용 2 타입스크립트 - Props : 객체 - Props: 타입정의는 대부분 interface 형식의 타입정의 - Props 타입정의와 스타일 컴포넌트의 타입정의를 위한 interface는 별도로 관리 해주는 것이 좋다. - interface로 객체 타입 관리시, 선택적 프로퍼티 존재. - 디폴트 프로퍼티 활.. 2023. 8. 9. 0707 Redux 이해하기 위해서 ㄴ반드시 개인적으로 리덕스 코드를 짜볼것... 리엑트는 컴포넌트 기반의 자바스크립트 라이브러리 언어이다. 컴포넌트간 데이터(props)를 부모 -> 자식요소로만 데이터를 전달 가능하다 -> 남발 / 형제간에 전달하려면 -> 부모 요소를 거쳐야함 Redux : Reduce 보다 광범위적으로 사용됨/ 리액트외 다른 언어에서도 사용 가능 리덕스는 리액트의 라이브러리 중 하나 Props의 불편함을 개선하기 위해 만들어진 개념 언제, 어디서든 store에 저장된 state를 가져다 사용할 수 있음 단점!! 동기적 타입으로 기능을 수행 : 따라서 복수의 실행함수(리듀서)가 2개이상인 경우 먼저 실행한 실행문이 마쳐야지만 두번째 함수가 실행된다. 리덕스를 비동기 타입으로 수행 : redux toolk.. 2023. 7. 7. 이전 1 2 3 다음