Close
LOGO Around
Menu
  • 최근 업데이트
  • Ubuntu
  • Debian
  • Centos
  • Terminal
  • 기타 범주

REACT

React 및 Next 강세로 시작하십시오.회사 명

에 입력 하는 것은 다음 단계의 엔지니어로부터 온 것입니다. 먼저 주의해야 할 것은 .js 디렉터리의 모든 pages 파일은 자동으로 - index.js 에서 / 로 라우팅됩니다.bite.js~/bite의 노선;등등이것도 코드를 분리하는 곳입니다. 모든 분리된 페이지는 분리된 패키지를 얻을 수 있습니다. 우리는 그것을 거기에 두면 일이 매우 멋있어질 것이다. 이것이 바로 너의 게으름이다.해당...

React

2022-06 last update

12 minutes reading

I18n with React 및 i18next

점점 더 많은 응용 프로그램이 전 세계 시장을 위해 설계되고 있다는 것은 당신의 응용 프로그램이 각종 언어와 사투리를 사용하는 관중을 대상으로 해야 한다는 것을 의미한다.React는 내장 국제화(i18n)가 없지만 응용 프로그램을 국제화하는 것은 어렵지 않다. 이 함수는 응용 프로그램에서 여러 번 호출될 수 있기 때문에, i18next의 창설자는 짧은 이름을 선택했다. i18next를 Rea...

React

2022-06 last update

24 minutes reading

React 라우터와 Reach 라우터를 비교하는 방법

본고에서, 모든 라이브러리가 지원하고 제공하는 내용을 더 잘 이해할 수 있도록 React 공유기와 Reach 공유기를 비교할 것입니다. React 라우터 규칙에 익숙합니다.당신은 우리의 를 읽을 수 있습니다. Reach 라우터는 React 라우터와 매우 비슷하며 <Router>, <Link> 등과 같은 이름 공간을 사용하지만 주의할 만한 차이가 있습니다.react-router 및 reach-...

React

2022-06 last update

25 minutes reading

React에서 useEffect 연결을 사용하여 어셈블리 라이프 사이클 교체

React 연결은 React에서의 개발 방식을 철저히 바꾸고 우리가 가장 관심을 가지는 문제를 해결하고 있습니다.useEffect 연결을 사용하면 중복된 구성 요소 생명주기 코드를 교체할 수 있습니다. useEffect는'사용 부작용'의 줄임말이다.API를 사용하는 것처럼 애플리케이션이 외부 세계와 반응할 때 효과가 나타납니다.그것은 우리가 변화가 있는지에 따라 함수를 운행할 수 있도록 허용...

React

2022-06 last update

36 minutes reading

React 라우터 개요

여러 해 동안 약간의 변화를 겪었다.다음은 최신 버전의 소개입니다. React Router 4. 패키지를 설치하는 것과 같습니다.react-router-dom 대신 react-router 을 원할 수도 있습니다. 이것은 사실 매우 직관적이다.라우터의 하위 요소에 라우팅만 정의하면 됩니다. 물론 사용자가 URL을 수동으로 편집해야 한다면 루트는 그렇게 유용하지 않을 것이다.React Route...

React

2022-06 last update

8 minutes reading

React 연결 소개

기능 구성 요소는 매우 좋지만, 속성이 표시하는 방식으로만 조작할 수 있다.상태를 주의해야 할 때, 클래스 구성 요소로 다시 써야 합니다.다행히도, 많은 지원 클래스 구성 요소의 특성이 기능 구성 요소로 발전하고 있다. 그 중 하나는 현재 알파에서 React v16.7에서 실현될 것으로 예상된다.연결은 상태성과 생명주기 방법을 가져왔으며, 이전에는 클래스 구성 요소와 기능 구성 요소에만 사용...

React

2022-06 last update

15 minutes reading

기본으로 돌아가기: React의 도구는 무엇입니까? 어떻게 작동합니까?

자바스크립트의 매개 변수와 함수의 작업 방식에 익숙해지면 도구를 이해하기 쉽습니다!요컨대, props React에서 데이터를 부모 구성 요소에서 하위 구성 요소로 전달하는 데 사용되며, 이것은 구성 요소 통신의 주요 메커니즘이다.따라서 본질적으로 도구는 React 구성 요소 모드의 작업을 허용하는 주요 부분이다. 대다수의 위대한 발명처럼 간단한 핵심 이념이 모든 것을 한데 연결시킨다.Reac...

React

2022-06 last update

7 minutes reading

React 컨텍스트 API 이해

이 글에서 우리는 가능한 한 적은 말로 새로운 상하문 API를 어떻게 사용하는지 설명할 것이다.응용 프로그램의 구성 요소에 영어와 프랑스어 사이의 언어 기본 설정을 제공하는 간단한 언어 환경 상하문을 만들 것입니다.이것은 단지 간단한 예시일 뿐, 응용 프로그램의 전체적인 선호를 보여 주는 데 사용되며, React의 진정한 i18n에 대해 더욱 적합한 해결 방안은 이다. 여기에서 기본값'en'...

React

2022-06 last update

15 minutes reading

React의 고급 구성 요소 빠른 소개

함수에 어셈블리를 전달하고 새 어셈블리를 반환할 때 이를 고급 어셈블리(HOC)라고 합니다.만약 이것이 매우 간단하게 들린다면, 그것은 바로!그리고 코드를 사용하면 더욱 간단할 것입니다. 이 글의 전체 과정에서 당신은 고급 구성 요소의 추상이 어떻게 당신의 업무를 더욱 읽을 수 있고 중용성과 조합성을 가지게 하는지 보게 될 것입니다. 구성 요소: 원소에 대한 추상적.그것들은 어떤 내부 상태를...

React

2022-06 last update

8 minutes reading

React Native의 기본 구성 요소 배우기

React Native의 작업 방식은 React,implementing ,state,props와 매우 유사하다.물론 React Native는 HTML 요소가 아닌 기본 구성 요소를 기반으로 구축되었습니다.따라서 normal React에 익숙하면 사용하는 다양한 구성 요소를 이해할 수 있다면 React Native를 쉽게 선택할 수 있습니다.이 안내서에서 우리는 이 컴퓨터가 사용하는 기본 컴퓨...

React

2022-06 last update

19 minutes reading

React-Redux를 사용하여 React에 Redux 연결

프로그램 구성 요소를 제공하여 전체 응용 프로그램에서 저희 상점에 접근할 수 있습니다. 연결 함수는 용기 구성 요소를 만들 수 있고 상점과 스케줄링 작업에서 상태를 읽을 수 있습니다. React-Redux의 공급자 구성 요소를 사용하여 주 응용 프로그램 구성 요소를 포장하고 응용 프로그램의 Redux 저장소가 React 구성 요소 트리 아래의 모든 용기 구성 요소 (연결 구성 요소) 에서 접...

React

2022-06 last update

40 minutes reading

React 연결 소개

기능 구성 요소는 매우 좋지만, 속성이 표시하는 방식으로만 조작할 수 있다.상태를 주의해야 할 때, 클래스 구성 요소로 다시 써야 합니다.다행히도, 많은 지원 클래스 구성 요소의 특성이 기능 구성 요소로 발전하고 있다. 그 중 하나는 현재 알파에서 React v16.7에서 실현될 것으로 예상된다.연결은 상태성과 생명주기 방법을 가져왔으며, 이전에는 클래스 구성 요소와 기능 구성 요소에만 사용...

React

2022-06 last update

15 minutes reading

TypeScript를 React와 함께 사용

TypeScript 너무 좋아요.React도 그렇고같이 사용하자!TypeScript를 사용하면 IntelliSense의 이점과 코드를 더욱 추리하는 능력을 얻을 수 있습니다.이 밖에 TypeScript를 사용하면 파일이 프로젝트의 나머지 부분에서 문제를 일으키지 않고 증량적으로 업그레이드될 수 있기 때문에 마찰이 매우 적다. 먼저 새로운 React 프로젝트를 만들고 TypeScript를 통합...

React

2022-06 last update

29 minutes reading

Jest를 사용하여 React 구성 요소에 대한 스냅샷 테스트 작성 방법

React 구성 요소를 위한 스냅샷 테스트를 작성할 때 코드를 작업 상태로 만들어야 합니다.그런 다음 특정 데이터를 지정한 상태에서 출력할 스냅샷을 생성합니다.스냅샷 테스트는 구성 요소와 함께 제출됩니다.Jest는 테스트 프레임워크로 스냅샷과 테스트의 렌더링 출력을 비교합니다. 만약 테스트가 실패한다면, 이것은 두 가지 일을 의미할 수 있다.만약 테스트 결과가 의외라면, 구성 요소의 문제를 ...

DevelopmentReactJavaScript

2022-06 last update

29 minutes reading

React를 사용하여 탭 구성 요소 구성하는 방법

이 단계에서 를 사용하여 새 프로젝트를 만듭니다.그런 다음 프로젝트를 시작할 때 설치된 예제 항목과 관련 파일을 삭제합니다. 첫 번째 구성 요소를 만들 수 있습니다. 이 단계에서 각 폴더와 구성 요소 Tabs 를 렌더링하는 새 폴더 및 Tab 구성 요소를 생성합니다. 이것은 이 구성 요소를 만드는 데 필요한 가져오기입니다.이 구성 요소는 탭 목록과 활성 탭의 내용을 표시하는 활성 탭을 추적합...

React

2022-06 last update

32 minutes reading

React Native에서 라우팅 및 React Navigation 사용 방법

이 강좌의 마지막에 당신은 기본적인 소셜네트워크서비스를 가질 것입니다.사용자의 연결 수를 표시하고 다른 친구와 연결하는 방법을 제공합니다.이 예시 응용 프로그램을 사용하여 react-navigation 내비게이션 모바일 응용 프로그램 화면을 어떻게 사용하는지 탐색할 것입니다. 응용 프로그램에는 App이 더 필요합니다.FriendsScreen에서 새 친구를 추가할 수 있습니다.FriendsSc...

React

2022-06 last update

74 minutes reading

React 애플리케이션에 Google Maps API 통합 방법

이 강좌는 Google Maps API를 React 구성 요소에 통합하여 웹 사이트에 지도를 표시할 수 있도록 합니다. 참고 디렉토리에서 불필요한 파일 삭제 및 가져오기 create-react-app 를 선택할 수 있습니다.필요 없음 src, logo.svg, App.css.또한 오류가 발생하지 않도록 index.css 중 index.css 의 import 도 삭제해야 합니다. 다음은 goo...

ReactJavaScript

2022-06 last update

56 minutes reading

함수 GitHubUsers () 의 React 항목에 React 연결을 적용하는 방법... 상태 변수 이름은 "users"가 아니라 "users"여야 합니까?나한텐 그런 것 같아.함수 GitHubUsers() {const[사용자, 사용자 설정]=사용 상태([]);

본고에서 탐색 은 React 최신 버전 16.8의 새로운 기능입니다.React 연결은 기능이며 상태와 생명주기 방법의 모듈화 대체품이다.React 연결을 사용하면 클래스 구성 요소가 아닌 기능 기반 구성 요소를 구축할 수 있습니다. React 연결을 사용하면 더 적은 코드 줄을 사용하여 상태와 생명주기 방법을 ScoreCounter 파일의 기능 구성 요소로 압축할 수 있습니다.index.js...

JavaScriptReact

2022-06 last update

28 minutes reading

React 및 React 연결에서 컨텍스트 API 사용 방법

React 연결은 기능 구성 요소에서 작성된 상태와 생명주기 방법의 모듈화 교체로 사용할 수 있는 기능입니다.useContext() 방법은 구성 요소 트리를 통해 내부 전역 상태를 뚫어 데이터를 전달하는 대체 방법이다. 컨텍스트 API를 확인하기 위해 React 응용 프로그램에서 컨텍스트에 액세스하는 방법을 살펴보겠습니다.React는 데이터를 도구로 전달할 수 있도록 createContext...

React

2022-06 last update

10 minutes reading

React Select를 사용하여 검색 가능한 비동기식 드롭다운 목록을 만드는 방법

HTML은 <select> 요소를 제공하여 최종 사용자가 <option> s의 드롭다운 메뉴에서 선택할 수 있도록 합니다. 은 고도로 설정할 수 있는 React 선택 메뉴 라이브러리로 동적 검색과 선별 기능이 있습니다.또한 비동기식 옵션 로드, 액세스 가능성, 빠른 렌더링 시간도 지원합니다. 이 강좌에서 프로젝트에 React Select를 추가합니다.다중 선택, 사용자 생성 가능 옵션, 비동...

React

2022-06 last update

19 minutes reading

React Router v4를 사용하여 기준 라우팅 및 응답 라우팅을 설정하는 방법

다음은 이 프레젠테이션을 구축하는 데 필요한 모듈을 설치합니다.이 모듈은 react-router-dom 및 react-media 입니다.다음 명령을 실행하여 설치할 수 있습니다. 이제 다음 명령을 실행하여 응용 프로그램을 시작할 수 있습니다. 다음 디렉토리에 UsersCard.js 파일을 만듭니다. 다음 디렉토리에 UsersCard.css 파일을 만듭니다. 응용 프로그램에 사용자를 표시하려면...

ReactJavaScript

2022-06 last update

61 minutes reading

React 컨텍스트를 사용하여 사용자 상태를 관리하는 방법

상기 예시에서 Avatar 구성 요소만 실제 user 도구를 사용합니다.그러나 그의 모든 조상 부품(부모, 조부모 등)은 user을 받아들여 전달한다.이것은 만약에 Avatar 구성 요소가 장래에 다른 도구를 필요로 한다면 모든 조상 구성 요소가 그것을 수신하고 전달해야 한다는 것을 의미한다. React.createContext 방법은 Context 대상을 되돌려줍니다.이 Context 대상...

React

2022-06 last update

25 minutes reading

어떻게 React에서 감정을 사용하여 스타일링합니까

React에서는 style 특성을 사용하여 어셈블리 스타일을 직접 설정할 수 있습니다.대부분의 경우 style 아이템을 사용하여 CSS 속성을 전달하는 대상만으로도 충분합니다. 본고에서 @emotion/react과 @emotion/styled 패키지를 사용하여 스타일 설정을 하는 React 응용 프로그램을 구축할 것입니다. 이 강좌는 노드 v15.3.0, npm v7.4.0, react v1...

React

2022-06 last update

33 minutes reading

Storybook을 사용하여 JS 구성 요소 구축 방법

이는 개발자가 취약한 데이터, 미완성 API 또는 비즈니스 논리를 걱정하지 않고 응용 프로그램과 분리된 환경에서 UI 구성 요소를 만들 수 있다는 것을 의미한다.이것은 당신으로 하여금 안심하고 부품을 선적할 수 있게 합니다. 구성 요소 라이브러리: 스토리북의 작업 방식에 따라 응용 프로그램의 모든 구성 요소를 한 위치에 놓는 과정을 이용하여 구성 요소 라이브러리를 유지하고 구성 요소의 모든 ...

ReactJavaScript

2022-06 last update

5 minutes reading

Create React App에서 Typescript 사용 방법

React 응용 프로그램을 구축하기 위한 기본 패키지와 설정을 제공합니다.버전 2.0은 정부 의 지원을 도입했다.이렇게 하면 JavaScript 사용자가 React 프런트엔드 프레임워크에서 TypeScript 규칙을 사용하여 작성할 수 있습니다.TypeScript는 더욱 안전한 문서화 코드를 작성하고 개발자가 버그를 더 빨리 포획할 수 있도록 도와주는 강력한 도구입니다. 이 문서에서는 Cre...

DevelopmentTypeScriptReactJavaScript

2022-06 last update

17 minutes reading

Ubuntu 20.04에서 Nginx 배포 React 응용 프로그램을 사용하는 방법

기본 구축 도구를 사용하여 응용 프로그램을 서버에 신속하게 배치할 수 있습니다.build 스크립트는 모든 코드, 이미지, 스타일, 파일을 포함하는 디렉터리로 프로그램을 컴파일합니다.단일 위치의 자산을 사용하면 웹 서버에 최소한의 설정을 배치할 수 있습니다. 이 강좌에서는 로컬 컴퓨터에서 실행 의 서버에 React 응용 프로그램을 배치합니다.Create-React-App를 사용하여 응용 프로그...

ReactJavaScriptDeploymentUbuntu

2022-06 last update

15 minutes reading

React에서 자동 완성 구성 요소를 구축하는 방법

본고에서 React에서 자동 완성 구성 요소를 구축하는 방법을 연구할 것입니다.고정된 제안 목록, 이벤트 연결, 키보드 코드 이해, 조작 상태 관리를 사용할 것입니다. Autocomplete 구성 요소는 자동 완성 기능에서 기능을 만드는 곳입니다. 클래스가 시작되고 상태를 설정한 후에 구성 요소에 적용할 방법을 보여 줍니다.Autocomplete.js 파일에서 onChange 메서드를 정의하...

React

2022-06 last update

28 minutes reading

React에서 모드 구성 요소 구현 방법

이 강좌에서 React 프로젝트에서 모드 구성 요소를 어떻게 실현하는지 알 수 있습니다.상태를 관리하기 위해 Dashboard 구성 요소를 만들고, 접근 모드에 단추를 만들 것입니다.모드와 닫기 단추를 만들기 위한 Modal 구성 요소도 개발할 것입니다.버튼을 클릭하면 항목이 표시되고 모드가 닫힙니다. return() 함수를 적용하고 모드를 열려면 React JSX 속성button을 수락합니...

React

2022-06 last update

21 minutes reading

React 헬멧을 사용하여 제목과 메타데이터를 변경하는 방법

서버 쪽이 서로 결합될 때, 검색 엔진과 소셜 미디어 파충류에 의해 읽힐 탭 meta 개를 설정할 수 있습니다.이로써 서버 측의 렌더링과 React-helm은 응용 프로그램을 만드는 강력한 조합이 되었다. React 프로젝트에서 구성 요소를 가져오고 사용하는 데 익숙합니다. 이제 응용 프로그램에서 React Healmet을 사용할 수 있습니다. React 헬멧에 추가된 title 및 meta...

React

2022-06 last update

34 minutes reading

다음 페이지