theeasydev React Tricks Miniseries 2: 1분 안에 사용자 지정 후크를 만드는 방법 종종 웹 앱이나 웹사이트에서 예를 들어 데이터베이스에서 가져오는 사용자 데이터를 가져와야 하는 경우가 있습니다. 이 가져오기 프로세스는 useEffect를 선언하고 "getUserByID()"라는 가져오기 함수를 삽입해야 하며 종속성 배열에 일부 변수를 전달합니다. 해당 사용자 정보를 얻으려면 꽤 많은 줄이 필요합니다. uder 데이터를 저장하기 위한 UseState 후크, useEffect... hookstheeasydevjavascriptreact React Tricks Miniseries 3: 경로 설정 방법 React는 (상대적으로) 최근 react-router-dom, V6의 새 버전을 출시했습니다. 이는 경로 사용이 완전히 변경되었음을 의미합니다. V6를 사용하여 반응 앱에서 경로 구현을 시도했다면 이 문제에 부딪혔을 것입니다. 새 V6 버전에서 경로를 사용하는 방법은 다음과 같습니다. react router dom의 V5를 사용하여 Router 구성 요소를 포함하여 경로를 인스턴스화하고 그... webdevroutestheeasydevreact React Tricks Miniseries 5: 소품을 보다 효율적으로 전달하는 방법 React는 모두 소품에 관한 것이며 재사용 가능한 구성 요소를 더 많이 사용할수록 반응 앱이 더 확장 가능해집니다(물론 올바르게 수행된 경우). 하위 구성 요소에 소품을 전달하는 것은 사소할 수 있지만 많은 개발자가 이를 잘못 수행합니다. 그래도 우리는 모두 거기에 있었습니다. 대부분의 사용 패스 소품은 두 가지 방법 중 하나로 사용됩니다. 사용하려는 모든 속성을 전달하거나 사용하려는 소품... theeasydevpropsreact React Tricks Miniseries 6: useEffect를 올바르게 사용하는 방법 react의 useEffect 후크는 아마도 올바르게 작성하고 제대로 이해하기 위한 가장 복잡한 후크일 것입니다. useEffect가 어떻게 작동하는지에 대한 의미론에 너무 많이 들어가지 않고 올바르게 사용하는 방법을 보여주기에 충분한 간단한 설명을 제공하겠습니다. useEffect는 내부 코드를 비동기적으로 실행하는 반응 함수입니다. 기본적으로 구성 요소가 마운트될 때 코드를 실행하고 한 ... useeffecthookstheeasydevreact React Tricks Miniseries 7: 다양한 데이터 유형에 대한 setState 방법 반응 상태를 설정하는 것은 항상 까다로운 일이었습니다. 이를 수행하는 방법에는 여러 가지가 있지만 대부분은 안티 패턴인 반면 정확하고 모범적인 방법은 몇 가지뿐입니다. 다양한 데이터 유형의 시나리오에서 반응 상태를 올바르게 설정하는 방법을 살펴보겠습니다. 문자열은 사소한 것이므로 건너뛰겠습니다. 단순히 숫자를 교체하는 경우를 무시하고 숫자 상태 업데이트는 다음과 같이 수행해야 합니다. 개체 ... theeasydevhooksstatereact Firebase Miniseries 1: 인증 Firebase 인증은 웹사이트/앱에서 사용자를 등록, 로그인 및 관리할 수 있는 인증 API입니다. 앱에서 인증을 구현하는 것이 복잡해 보일 수 있지만 다음의 간단한 단계를 따르면 사용이 얼마나 간단하고 빠른지 보여드리겠습니다. 새 프로젝트를 만들고 프로젝트 이름을 입력한 후 다음 슬라이드에서 Google Analytics를 비활성화합니다. 다음 슬라이드에서 콘솔로 계속을 클릭합니다. 이제... javascripttheeasydevauthfirebase Firebase Miniseries 2: Firestore 1부 Firebase의 Firestore API는 일반 데이터베이스처럼 데이터를 저장할 수 있지만 API GET 및 POST 요청이 간편하고 쉬운 강력한 API 관리형 데이터베이스입니다. Firestore에서 데이터를 가져오는 것은 매우 쉽게 수행할 수 있습니다. 2부로 구성된 이 게시물에서는 firebase의 firestore 데이터베이스를 사용하여 작업하는 모범 사례 방법과 요령을 알려주고 쉽... firestoredatabasetheeasydevfirebase
React Tricks Miniseries 2: 1분 안에 사용자 지정 후크를 만드는 방법 종종 웹 앱이나 웹사이트에서 예를 들어 데이터베이스에서 가져오는 사용자 데이터를 가져와야 하는 경우가 있습니다. 이 가져오기 프로세스는 useEffect를 선언하고 "getUserByID()"라는 가져오기 함수를 삽입해야 하며 종속성 배열에 일부 변수를 전달합니다. 해당 사용자 정보를 얻으려면 꽤 많은 줄이 필요합니다. uder 데이터를 저장하기 위한 UseState 후크, useEffect... hookstheeasydevjavascriptreact React Tricks Miniseries 3: 경로 설정 방법 React는 (상대적으로) 최근 react-router-dom, V6의 새 버전을 출시했습니다. 이는 경로 사용이 완전히 변경되었음을 의미합니다. V6를 사용하여 반응 앱에서 경로 구현을 시도했다면 이 문제에 부딪혔을 것입니다. 새 V6 버전에서 경로를 사용하는 방법은 다음과 같습니다. react router dom의 V5를 사용하여 Router 구성 요소를 포함하여 경로를 인스턴스화하고 그... webdevroutestheeasydevreact React Tricks Miniseries 5: 소품을 보다 효율적으로 전달하는 방법 React는 모두 소품에 관한 것이며 재사용 가능한 구성 요소를 더 많이 사용할수록 반응 앱이 더 확장 가능해집니다(물론 올바르게 수행된 경우). 하위 구성 요소에 소품을 전달하는 것은 사소할 수 있지만 많은 개발자가 이를 잘못 수행합니다. 그래도 우리는 모두 거기에 있었습니다. 대부분의 사용 패스 소품은 두 가지 방법 중 하나로 사용됩니다. 사용하려는 모든 속성을 전달하거나 사용하려는 소품... theeasydevpropsreact React Tricks Miniseries 6: useEffect를 올바르게 사용하는 방법 react의 useEffect 후크는 아마도 올바르게 작성하고 제대로 이해하기 위한 가장 복잡한 후크일 것입니다. useEffect가 어떻게 작동하는지에 대한 의미론에 너무 많이 들어가지 않고 올바르게 사용하는 방법을 보여주기에 충분한 간단한 설명을 제공하겠습니다. useEffect는 내부 코드를 비동기적으로 실행하는 반응 함수입니다. 기본적으로 구성 요소가 마운트될 때 코드를 실행하고 한 ... useeffecthookstheeasydevreact React Tricks Miniseries 7: 다양한 데이터 유형에 대한 setState 방법 반응 상태를 설정하는 것은 항상 까다로운 일이었습니다. 이를 수행하는 방법에는 여러 가지가 있지만 대부분은 안티 패턴인 반면 정확하고 모범적인 방법은 몇 가지뿐입니다. 다양한 데이터 유형의 시나리오에서 반응 상태를 올바르게 설정하는 방법을 살펴보겠습니다. 문자열은 사소한 것이므로 건너뛰겠습니다. 단순히 숫자를 교체하는 경우를 무시하고 숫자 상태 업데이트는 다음과 같이 수행해야 합니다. 개체 ... theeasydevhooksstatereact Firebase Miniseries 1: 인증 Firebase 인증은 웹사이트/앱에서 사용자를 등록, 로그인 및 관리할 수 있는 인증 API입니다. 앱에서 인증을 구현하는 것이 복잡해 보일 수 있지만 다음의 간단한 단계를 따르면 사용이 얼마나 간단하고 빠른지 보여드리겠습니다. 새 프로젝트를 만들고 프로젝트 이름을 입력한 후 다음 슬라이드에서 Google Analytics를 비활성화합니다. 다음 슬라이드에서 콘솔로 계속을 클릭합니다. 이제... javascripttheeasydevauthfirebase Firebase Miniseries 2: Firestore 1부 Firebase의 Firestore API는 일반 데이터베이스처럼 데이터를 저장할 수 있지만 API GET 및 POST 요청이 간편하고 쉬운 강력한 API 관리형 데이터베이스입니다. Firestore에서 데이터를 가져오는 것은 매우 쉽게 수행할 수 있습니다. 2부로 구성된 이 게시물에서는 firebase의 firestore 데이터베이스를 사용하여 작업하는 모범 사례 방법과 요령을 알려주고 쉽... firestoredatabasetheeasydevfirebase