React에 대한 몇 가지 일반적인 인터뷰 질문(공유)

[관련 주제 추천: react 인터뷰 질문(2020)]

1. redux middleware

답변: 미들웨어는 액션 -> 리듀서(reducer)를 가로채는 프로세스를 맞춤화하는 타사 플러그인 모드를 제공합니다. 액션 -> 미들웨어 -> 리듀서가 됩니다. 이 메커니즘을 통해 데이터 흐름을 변경하고 비동기 작업, 작업 필터링, 로그 출력, 예외 보고 등과 같은 기능을 구현할 수 있습니다.

공통 미들웨어: redux-logger: 로그 출력 제공, redux-thunk: 비동기 작업 처리, actionCreator의 반환 값은 promise

2입니다. : 1 .구성 요소에 필요한 데이터는 상위 구성 요소에서 전달되어야 하며 Flux처럼 저장소에서 직접 가져올 수 없습니다.

2. 구성 요소의 관련 데이터가 업데이트되면 상위 구성 요소가 이 구성 요소를 사용할 필요가 없더라도 상위 구성 요소는 여전히 다시 렌더링되므로 효율성에 영향을 미치거나 필요할 수 있습니다. 판단을 위해 복잡한 shouldComponentUpdate를 작성합니다.

3. 리액트 컴포넌트는 비즈니스 컴포넌트와 기술 컴포넌트로 어떻게 구분되나요?

답변: 구성 요소는 일반적으로 해당 역할에 따라 UI 구성 요소와 컨테이너 구성 요소로 구분됩니다. UI 컴포넌트는 UI 프리젠테이션을 담당하고, 컨테이너 컴포넌트는 데이터 및 로직 관리를 담당합니다. 둘은 React-Redux에서 제공하는 connect 메소드를 통해 연결됩니다.

4. React 수명 주기 기능

답변: 1. 초기화 단계:

getDefaultProps: 인스턴스의 기본 속성을 가져옵니다.

getInitialState: 각 인스턴스의 초기화 상태를 가져옵니다.

comComponentWillMount: 구성 요소가 곧 로드됩니다.

render: 구성 요소가 여기에서 가상 DOM 노드를 생성합니다.

comComponentDidMount: 구성 요소가 실제로 로드된 후

2. 실행 상태:

comComponentWillReceiveProps: 구성 요소가 속성을 수신하려고 할 때 호출됩니다.

shouldComponentUpdate: 구성 요소는 새 속성 또는 새 상태를 수신합니다(false를 반환할 수 있고, 데이터 수신 후 업데이트하지 않으며, 렌더링 호출을 방지하고 후속 기능이 계속 실행되지 않습니다)

comComponentWillUpdate: 구성 요소가 곧 업데이트될 예정이며 속성 및 상태 수정할 수 없습니다

render: 구성 요소가 다시 그려집니다.

comComponentDidUpdate: 구성 요소가 업데이트되었습니다

3. 파괴 단계:

comComponentWillUnmount: 구성 요소가 곧 파괴됩니다

5. 어떤 주기 함수가 반응 성능 최적화인가요?

답변: shouldComponentUpdate 이 메소드는 dom을 다시 그리기 위해 render 메소드를 호출해야 하는지 여부를 결정하는 데 사용됩니다. DOM 렌더링은 많은 성능을 소모하기 때문에 shouldComponentUpdate 메소드에 좀 더 최적화된 DOM diff 알고리즘을 작성할 수 있다면 성능이 크게 향상될 수 있습니다.

6. 가상 DOM이 성능을 향상시키는 이유는 무엇입니까?

답변: 가상 dom은 불필요한 dom 작업을 피하기 위해 dom diff 알고리즘을 사용하여 성능을 향상시키는 js와 실제 dom 사이에 캐시를 추가하는 것과 동일합니다.

구체적인 구현 단계는 다음과 같습니다.

1. JavaScript 객체 구조를 사용하여 DOM 트리의 구조를 표현한 다음 이 트리를 사용하여 실제 DOM 트리를 만들고 이를 문서에 삽입합니다. 상태가 변경되면 재구성합니다. 새로운 객체 트리. 그런 다음 새 트리를 기존 트리와 비교하고 두 트리의 차이점을 기록합니다.

2단계에서 기록한 차이점을 1단계에서 구축한 실제 DOM 트리에 적용하면 뷰가 업데이트됩니다.

7. Diff 알고리즘?

답변: 1. 트리 구조를 레벨에 따라 분해하고 동일한 레벨의 요소만 비교합니다.

2. 비교를 용이하게 하기 위해 목록 구조의 각 단위에 고유한 키 속성을 추가합니다.

3. React는 동일한 클래스의 컴포넌트만 일치시킵니다. (여기서 클래스는 컴포넌트의 이름을 나타냅니다.)

4. 병합 작업에서 해당 컴포넌트의 setState 메서드를 호출하면 React는 해당 컴포넌트를 더티로 표시합니다. 각 이벤트에 루프가 끝나면 React는 더티로 표시된 모든 구성 요소를 확인하고 다시 그립니다.

6. 선택적 하위 트리 렌더링. 개발자는 diff 성능을 향상시키기 위해 shouldComponentUpdate를 재정의할 수 있습니다.

8. React 성능 최적화 솔루션

답변: 1) 불필요한 DOM 작업을 피하기 위해 shouldComponentUpdate를 다시 작성하세요. 2) React.js의 프로덕션 버전을 사용하세요.

3) 키를 사용하여 React가 목록에 있는 모든 하위 구성 요소의 가장 작은 변화를 식별할 수 있도록 하세요.

9. Flux의 개념을 간략하게 설명하세요.

답변: Flux의 가장 큰 특징은 데이터의 "일방향 흐름"입니다.

1. 사용자가 View에 액세스합니다

2. View는 사용자의 Action을 발행합니다

3. Dispatcher는 Action을 수신하고 그에 따라 Store를 업데이트하도록 요구합니다.

4. " event

5.View "change" 이벤트를 받은 후 페이지를 업데이트하세요

10. React 프로젝트에서는 어떤 scaffolding이 사용됐나요? Mern? Yeoman?

답변: Mern: MERN은 Mongo, Express, React 및 NodeJS를 사용하여 동형 JS 애플리케이션을 쉽게 생성할 수 있는 스캐폴딩 도구입니다. 설치 시간을 최소화하고 검증된 기술을 사용하여 개발 속도를 높일 수 있습니다.

11. 리액트를 아시나요?

답변: 예, React는 Facebook에서 개발한 경량 구성 요소 라이브러리로 MVC의 V 레이어 문제인 프런트 엔드 뷰 레이어의 일부 문제를 해결하는 데 사용됩니다. 내부 Instagram 웹사이트는 React로 구축되어 있습니다. .

12. React는 어떤 문제를 해결하나요?

답변: 세 가지 문제가 해결되었습니다: 1. 구성 요소 재사용 문제, 2. 성능 문제, 3. 호환성 문제:

13. React 프로토콜?

답변: React가 따르는 계약은 "BSD 라이센스 + 특허 오픈 소스 계약"입니다. 이 계약은 상당히 이상합니다. 귀하의 제품이 Facebook과 경쟁하지 않는다면 자유롭게 React를 사용할 수 있지만, 경쟁이 있다면 귀하의 React는 사용 라이센스가 취소됩니다

14. shouldComponentUpdate를 이해하셨나요?

답변: React 가상 dom 기술은 dom과 가상 dom 간의 지속적인 diff 비교가 필요합니다. dom 트리가 큰 경우 이 비교 작업은 더 많은 시간이 소요됩니다. 따라서 React는 일부 변경 사항이 있는 경우 shouldComponentUpdate와 같은 패치 기능을 제공합니다. , 구성 요소가 새로 고쳐지는 것을 원하지 않거나 새로 고쳐져 이전과 동일하게 유지되는 경우 이 기능을 사용하여 React에 직접 알려 diff 작업이 필요하지 않고 효율성이 더욱 향상됩니다.

15. React는 어떻게 작동하나요?

답변: React는 가상 DOM을 생성합니다. 구성 요소의 상태가 변경되면 React는 먼저 "diffing" 알고리즘을 통해 가상 DOM의 변경 사항을 표시하고 두 번째 단계는 조정이며 DOM은 diff 결과로 업데이트됩니다.

16. React를 사용하면 어떤 장점이 있나요?

답변: 1. 렌더링 기능만 보면 구성 요소가 어떻게 렌더링되는지 쉽게 알 수 있습니다.

2 JSX의 도입으로 구성 요소의 코드를 더 읽기 쉽게 만들고 레이아웃을 더 쉽게 이해할 수 있습니다. 구성 요소 또는 구성 요소가 서로 참조하는 방식

3. SEO 및 성능을 향상할 수 있는 서버 측 렌더링 지원

4. 테스트하기 쉬움

5. React는 View 레이어에만 중점을 두고 사용할 수 있습니다. 다른 프레임워크(예: Backbone.js, Angular.js)와 함께

17. 프리젠테이션 컴포넌트와 컨테이너 컴포넌트의 차이점은 무엇인가요?

답변: 1. 프레젠테이션 구성 요소는 구성 요소의 모양에 관심이 있습니다. 디스플레이는 구체적으로 props를 통해 데이터와 콜백을 허용하고 자체 상태를 거의 갖지 않지만 디스플레이 구성 요소에 자체 상태가 있는 경우 일반적으로 데이터 상태보다는 UI 상태에만 관심을 갖습니다.

2. 컨테이너 구성 요소는 구성 요소가 어떻게 작동하는지에 더 관심이 있습니다. 컨테이너 구성 요소는 프레젠테이션 구성 요소 또는 기타 컨테이너 구성 요소에 데이터와 동작을 제공하며 Flux 작업을 호출하고 이를 프레젠테이션 구성 요소에 대한 콜백으로 제공합니다. 컨테이너 구성 요소는 다른 구성 요소의 데이터 소스이기 때문에 상태를 유지하는 경우가 많습니다.

18. 클래스 구성 요소와 기능 구성 요소의 차이점은 무엇인가요?

답변: 1. 클래스 구성 요소를 사용하면 구성 요소 자체 상태 및 수명 주기 후크와 같은 추가 기능을 사용할 수 있을 뿐만 아니라 구성 요소가 저장소에 직접 액세스하여 상태를 유지할 수 있습니다.

2. props를 받고 구성 요소가 페이지에 자체적으로 렌더링되면 해당 구성 요소는 '상태 비저장 구성 요소'이며 순수 함수를 사용하여 생성될 수 있습니다. 이러한 구성 요소는 멍청한 구성 요소 또는 프레젠테이션 구성 요소라고도 합니다

19. 상태(상태)와 소품(구성 요소)의 차이점은 무엇인가요?

답변: 1. State는 구성요소가 마운트될 때 필요한 데이터의 기본값에 사용되는 데이터 구조입니다. 상태는 시간이 지남에 따라 변경될 수 있지만 대부분 사용자 이벤트 동작의 결과입니다.

2.Properties(프로퍼티의 약어)는 컴포넌트의 구성입니다. Prop은 상위 구성 요소에서 하위 구성 요소로 전달되며 하위 구성 요소에 관한 한 Prop은 변경할 수 없습니다. 컴포넌트는 자신의 props를 변경할 수 없지만 하위 컴포넌트의 props를 하나로 묶을 수 있습니다(통합 관리). Prop은 단순한 데이터가 아닙니다. 콜백 함수도 Prop을 통해 전달될 수 있습니다.

20. Ajax 요청은 React 구성 요소에서 어디에서 시작되어야 합니까?

답변: React 구성 요소에서는 네트워크 요청이 componentDidMount에서 시작되어야 합니다. 이 메서드는 구성 요소가 처음으로 "마운트"(DOM에 추가)될 때 실행되며 구성 요소의 수명 주기에서 한 번만 실행됩니다. 더 중요한 것은 구성요소가 마운트되기 전에 Ajax 요청이 완료되었는지 보장할 수 없다는 점입니다. 그렇다면 이는 마운트 해제된 구성요소에 대해 setState를 호출하려고 시도한다는 의미이며 이는 작동하지 않습니다. componentDidMount에서 네트워크 요청을 하면 업데이트할 구성 요소가 있는지 확인할 수 있습니다.

21. 제어 컴포넌트란 무엇입니까?

답변; HTML에서 , 및 <select>와 같은 양식 요소는 사용자 입력에 따라 자체 상태를 유지하고 업데이트됩니다. 사용자가 양식을 제출하면 이전에 언급한 요소의 값이 양식과 함께 전송됩니다. 하지만 React에서는 조금 다릅니다. form 요소를 포함하는 구성 요소는 상태의 입력 값을 추적하며 onChange와 같은 콜백 함수가 호출될 때마다 상태가 업데이트되고 구성 요소가 다시 렌더링됩니다. 이런 방식으로 React에 의해 값이 제어되는 입력 양식 요소를 "제어 요소"라고 합니다. </p> <p style="text-align:left;">22. React에서 Refs의 역할은 무엇인가요? </p> <p style="text-align:left;">답변: Refs는 DOM 노드 또는 React 구성 요소에 대한 참조를 얻는 데 사용할 수 있습니다. 참조를 사용하는 좋은 예는 포커스/텍스트 선택을 관리하거나, 명령 애니메이션을 트리거하거나, 타사 DOM 라이브러리와 통합하는 것입니다. 문자열 참조 및 인라인 참조 콜백을 사용하지 않아야 합니다. Refs 콜백은 React에서 권장됩니다. </p> <p style="text-align:left;">23. 고차성분이란 무엇인가요? </p> <p style="text-align:left;">답변: 고차 구성 요소는 구성 요소를 매개 변수로 사용하고 새 구성 요소를 반환하는 함수입니다. HOC를 사용하면 코드, 논리 및 부트스트래핑 추상화를 재사용할 수 있습니다. 가장 일반적인 것은 아마도 Redux의 연결 기능일 것입니다. 단순히 도구 라이브러리와 간단한 구성을 공유하는 것 외에도 HOC를 위한 가장 좋은 방법은 React 구성 요소 간의 동작을 공유하는 것입니다. 동일한 작업을 수행하기 위해 여러 위치에 많은 코드를 작성했다면 해당 코드를 재사용 가능한 HOC로 리팩토링하는 것을 고려해야 합니다. </p> <p style="text-align:left;">24. 화살표 기능을 사용하면 어떤 이점이 있나요? </p> <p style="text-align:left;">답변: 1. 범위 안전성: 화살표 함수 이전에 새로 생성된 각 함수에는 고유한 this 값이 있습니다(생성자에서는 새 객체입니다. 엄격 모드에서는 함수 호출에서 this가 정의되지 않습니다. 함수가 "객체 메서드"라고 불린 다음 기본 객체 등), 화살표 함수는 그렇지 않고 둘러싸는 실행 컨텍스트의 this 값을 사용합니다. </p> <p style="text-align:left;">2. 단순성: 화살표 함수는 읽고 쓰기 쉽습니다. </p> <p style="text-align:left;">3. 명확성: 모든 것이 화살표 함수인 경우 모든 일반 함수를 즉시 사용하여 범위를 정의할 수 있습니다. 개발자는 this</p> <p style="text-align:left;">25의 값을 확인하기 위해 언제든지 다음 상위 함수 명령문을 찾을 수 있습니다. setState에 전달된 매개변수가 객체 대신 콜백인 것이 권장되는 이유는 무엇입니까? </p> <p style="text-align:left;">답변: this.props와 this.state의 업데이트는 비동기적일 수 있으므로 해당 값을 사용하여 다음 상태를 계산할 수 없습니다. </p> <p style="text-align:left;">26. 이것을 생성자에서 바인딩하는 것 외에 다른 방법이 있나요? </p> <p style="text-align:left;">답변: 속성 초기화를 사용하여 콜백을 올바르게 바인딩할 수 있으며 create-react-app도 기본적으로 이를 지원합니다. 콜백에서는 화살표 함수를 사용할 수 있지만 문제는 구성 요소가 렌더링될 때마다 새 콜백이 생성된다는 것입니다. </p> <p style="text-align:left;">27. 컴포넌트 렌더링을 방지하는 방법은 무엇입니까? </p> <p style="text-align:left;">답변: 구성 요소의 렌더링 방법에서 null을 반환하면 트리거된 구성 요소의 수명 주기 방법에 영향을 미치지 않습니다.</p> <p style="text-align:left;">28 목록을 렌더링할 때 핵심은 무엇입니까? 키를 설정하는 목적은 무엇입니까? </p> <p style="text-align:left;">답변: 키는 React가 어떤 항목이 변경, 추가 또는 제거되었는지 식별하는 데 도움이 됩니다. 키를 배열 내의 요소에 할당하여 (DOM) 요소에 안정적인 ID를 제공해야 합니다. 키를 선택하는 가장 좋은 방법은 목록 항목을 고유하게 식별하는 문자열을 사용하는 것입니다. 렌더링되는 항목에 대한 안정적인 ID가 없는 경우 데이터의 ID를 키로 사용하는 경우가 많습니다. 항목 인덱스를 렌더링된 항목의 키로 사용할 수 있지만 항목을 사용할 수 있는 경우에는 이 방법을 권장하지 않습니다. 재정렬하면 다시 렌더링 속도가 느려집니다</p> <p style="text-align:left;">29. (생성자에서) super(props)를 호출하는 목적은 무엇인가요? </p> <p style="text-align:left;">답변: 하위 클래스는 super()가 호출되기 전에 이를 사용할 수 없습니다. ES2015에서는 하위 클래스가 생성자에서 super()를 호출해야 합니다. props를 super()에 전달하는 이유는 생성자(하위 클래스)에서 this.props에 대한 액세스를 용이하게 하기 위한 것입니다. </p> <p style="text-align:left;">30. JSX란 무엇인가요? </p> <p style="text-align:left;">답변: JSX는 JavaScript 구문의 구문 확장이며 JavaScript의 모든 기능을 가지고 있습니다. JSX는 React "요소"를 생성하며, JavaScript 표현식을 중괄호로 묶어 JSX에 포함할 수 있습니다. 컴파일 후 JSX 표현식은 일반 JavaScript 객체가 됩니다. 즉, if 문과 for 루프 내에서 JSX를 사용하고, 이를 변수에 할당하고, 인수로 받아들이고, 함수에서 반환할 수 있다는 의미입니다. </p> <p style="text-align:left;">31어린이란 무엇인가요? </p> <p style="text-align:left;">답변: JSX 표현식에서 여는 태그(예: <a>)와 닫는 태그(예: </a>) 사이의 콘텐츠는 특수 속성 props.children으로 포함 태그에 자동으로 전달됩니다. 그 구성 요소와 함께. </p> <p style="text-align:left;">이 속성에는 React.Children.map, React.Children.forEach, React.Children.count, React.Children.only, React.Children.toArray를 비롯한 다양한 메서드가 있습니다. </p> <p style="text-align:left;">32. React에서 상태란 무엇인가요? </p> <p style="text-align:left;">답변: 상태는 props와 유사하지만 비공개이며 구성 요소 자체에 의해 완전히 제어됩니다. 상태는 기본적으로 데이터를 보유하고 구성 요소가 렌더링되는 방식을 결정하는 개체입니다. </p> <p style="text-align:left;">33. create-react-app에 대한 의존에서 벗어나게 된 이유는 무엇인가요? </p> <p style="text-align:left;">답변: webpack 또는 babel 사전 설정을 구성하려는 경우. </p> <p style="text-align:left;">34.리덕스란? </p> <p style="text-align:left;">답변: Redux의 기본 아이디어는 전체 애플리케이션 상태를 단일 저장소에 유지하는 것입니다. 저장소는 간단한 JavaScript 개체이며 애플리케이션 상태를 변경하는 유일한 방법은 애플리케이션에서 작업을 트리거한 다음 이러한 작업에 대한 리듀서를 작성하여 상태를 수정하는 것입니다. 전체 상태 변환은 리듀서에서 완료되므로 부작용이 없어야 합니다</p> <p style="text-align:left;">35. Redux에서 스토어란 무엇인가요? </p> <p style="text-align:left;">답변: Store는 전체 애플리케이션의 상태를 저장하는 자바스크립트 개체입니다. 동시에 Store는 다음 책임도 맡습니다. </p> <ol> <li> getState()를 통해 상태에 대한 액세스 허용 </li> <li> 디스패치(action)를 통해 상태 변경 실행 </li> <li> subscribe(listener)를 통해 리스너 등록 </li> <li> 반환된 함수를 통해 처리 by 구독(리스너) 청취자를 위한 메모</li> </ol> <p style="text-align:left;">36.액션이란? </p> <p style="text-align:left;">답변; 액션은 순수 자바스크립트 객체이므로 실행 중인 액션의 유형을 나타내는 유형 속성이 있어야 합니다. 기본적으로 작업은 애플리케이션에서 저장소로 데이터를 보내는 페이로드입니다. </p> <p style="text-align:left;">37.리듀서란? </p> <p style="text-align:left;">답변: 리듀서는 이전 상태와 액션을 매개변수로 취하고 다음 상태를 반환하는 순수 함수입니다. </p> <p style="text-align:left;">38. Redux Thunk의 기능은 무엇인가요? </p> <p style="text-align:left;">답변: Redux 썽크는 액션 대신 함수를 반환하는 액션 생성자를 작성할 수 있게 해주는 미들웨어입니다. 특정 조건이 충족되면 썽크를 사용하여 작업 디스패치(dispatch)를 지연할 수 있으며, 이는 비동기 작업 디스패치(dispatch)를 처리할 수 있습니다. </p> <p style="text-align:left;">39. 순수함수란 무엇인가요? </p> <p style="text-align: left;">답변: 순수 함수는 해당 범위 밖의 변수 상태에 의존하지 않고 변경하지 않는 함수입니다. 이는 또한 순수 함수가 동일한 매개변수에 대해 항상 동일한 결과를 반환한다는 의미이기도 합니다. </p> <p>프로그래밍과 관련된 더 많은 내용은 PHP 중국어 홈페이지 <a href="https://www.php.cn/course.html" target="_blank">프로그래밍 입문</a> 칼럼을 주목해주세요! </p><p>위 내용은 React에 대한 몇 가지 일반적인 인터뷰 질문(공유)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>관련 라벨：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ko/search?word=react" target="_blank">react</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ko/search?word=面试题" target="_blank">面试题</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">원천：cnblogs.com</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/ko/faq/457310.html" title="기본 면접 질문에 반응(공유)"> <span>이전 기사：기본 면접 질문에 반응(공유)</span> </a> <a href="http://www.php.cn/ko/faq/457313.html" title="2023년 프론트엔드 React 면접 질문 요약(컬렉션)"> <span>다음 기사：2023년 프론트엔드 React 면접 질문 요약(컬렉션)</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">본 웹사이트의 성명</div> <div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">저자별 최신 기사</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/529366.html">Redis의 센티널에 대해 자세히 이해하기</a> </div> <div>2023-04-26 17:59:18</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/529362.html">[정리 및 공유] 인기 있는 React 상태 관리 도구 7가지</a> </div> <div>2023-04-26 17:47:48</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/529360.html">기사에서는 Vue2의 키와 Vue3의 키의 차이점을 설명합니다.</a> </div> <div>2023-04-26 17:41:42</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/529358.html">Node의 메모리 제어에 관한 기사</a> </div> <div>2023-04-26 17:37:05</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/529356.html">실용적인 Excel 기술 공유: 중복 값 삭제를 위한 4가지 팁!</a> </div> <div>2023-04-26 17:31:25</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/529350.html">실용적인 단어 기술 공유: 중국어 간체와 번체 변환 기능을 이렇게 사용할 수 있습니다!</a> </div> <div>2023-04-26 17:27:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/528167.html">도메인 간 문제를 해결하는 방법은 무엇입니까? 일반적인 솔루션에 대한 간략한 분석</a> </div> <div>2023-04-25 19:57:58</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/528165.html">JavaScript의 싱글톤 패턴을 이해하기 위한 기사 1개</a> </div> <div>2023-04-25 19:53:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/528163.html">노드의 버퍼에 대해 자세히 알아보기</a> </div> <div>2023-04-25 19:49:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/ko/faq/528161.html">Vue3에서 단위 테스트를 작성하는 방법 살펴보기</a> </div> <div>2023-04-25 19:41:54</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">최신 이슈</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ko/wenda/176395.html" target="_blank" title="React의 정렬 메서드에서 렌더링(필터 및 페이지 매김 사용)을 트리거하는 방법은 무엇입니까?" class="wdcdcTitle">React의 정렬 메서드에서 렌더링(필터 및 페이지 매김 사용)을 트리거하는 방법은 무엇입니까?</a> <a href="http://www.php.cn/ko/wenda/176395.html" class="wdcdcCons">내 Sort.js 스타일 구성 요소는 다음과 같습니다. <SortWrapper><SortText>SortBy</SortText>&...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 21:28:37</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>2257</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ko/wenda/176358.html" target="_blank" title="Android의 React-Native에서 상태 업데이트가 작동하지 않습니다." class="wdcdcTitle">Android의 React-Native에서 상태 업데이트가 작동하지 않습니다.</a> <a href="http://www.php.cn/ko/wenda/176358.html" class="wdcdcCons">스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 16:54:10</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ko/wenda/176354.html" target="_blank" title="0ms 수면을 생략하면 CSS 전환이 중단되는 이유는 무엇입니까?" class="wdcdcTitle">0ms 수면을 생략하면 CSS 전환이 중단되는 이유는 무엇입니까?</a> <a href="http://www.php.cn/ko/wenda/176354.html" class="wdcdcCons">제가 제대로 이해하고 있는지 알아보기 위해 FLIP 애니메이션을 구현해 보려고 합니다. 이 코드펜에서(잘못된 코드를 양해해 주세요. 그냥 장난을 쳤을 뿐입니다) ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 16:29:50</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>490</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ko/wenda/176353.html" target="_blank" title="잘못된 React 하위 요소(발견: {clientVersion} 키가 있는 개체) 하위 요소 컬렉션을 렌더링하려면 대신 배열을 사용하세요." class="wdcdcTitle">잘못된 React 하위 요소(발견: {clientVersion} 키가 있는 개체) 하위 요소 컬렉션을 렌더링하려면 대신 배열을 사용하세요.</a> <a href="http://www.php.cn/ko/wenda/176353.html" class="wdcdcCons">다단계 양식이 있는데 제출하려고 하면 이 오류가 표시됩니다. 그러나 간단한 형태로 createOrganization 스케줄링을 사용하면 작동합니다. 백엔드 문제인...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 16:25:39</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>346</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/ko/wenda/176333.html" target="_blank" title="React Three Fiber: 스크롤 이벤트가 지연되는 이유는 무엇입니까?" class="wdcdcTitle">React Three Fiber: 스크롤 이벤트가 지연되는 이유는 무엇입니까?</a> <a href="http://www.php.cn/ko/wenda/176333.html" class="wdcdcCons">ReactThreeFiber에는 카메라 줌 전체에 걸쳐 유지하려는 스프라이트를 생성하는 React 구성 요소가 있습니다. 알고리즘은 작동하는 것 같지만(시간이 지...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> 에서 2024-04-06 13:39:24</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>관련 주제</div> <a href="http://www.php.cn/ko/faq/zt" target="_blank">더> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/sqlplusljsjkd"><img src="https://img.php.cn/upload/subject/202407/22/2024072213471248715.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="sqlplus로 데이터베이스에 연결하는 방법" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/sqlplusljsjkd" class="title-a-spanl" title="sqlplus로 데이터베이스에 연결하는 방법"><span>sqlplus로 데이터베이스에 연결하는 방법</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/httperror503"><img src="https://img.php.cn/upload/subject/202407/22/2024072214011867807.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="http 오류 503을 해결하는 방법" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/httperror503" class="title-a-spanl" title="http 오류 503을 해결하는 방법"><span>http 오류 503을 해결하는 방법</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/phpfxlsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214003558557.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="PHP 역직렬화가 실패하면 어떻게 해야 할까요?" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/phpfxlsb" class="title-a-spanl" title="PHP 역직렬화가 실패하면 어떻게 해야 할까요?"><span>PHP 역직렬화가 실패하면 어떻게 해야 할까요?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/cyyzkghlldyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212184384515.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="C 언어에서 && 및 || 사용" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/cyyzkghlldyf" class="title-a-spanl" title="C 언어에서 && 및 || 사용"><span>C 언어에서 && 및 || 사용</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/htmltpdmdq"><img src="https://img.php.cn/upload/subject/202407/22/2024072213531194248.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML 이미지 코드 수집" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/htmltpdmdq" class="title-a-spanl" title="HTML 이미지 코드 수집"><span>HTML 이미지 코드 수집</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/tcpscwsdgzyl"><img src="https://img.php.cn/upload/subject/202407/22/2024072212222121851.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="TCP 3방향 핸드셰이크 작동 방식" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/tcpscwsdgzyl" class="title-a-spanl" title="TCP 3방향 핸드셰이크 작동 방식"><span>TCP 3방향 핸드셰이크 작동 방식</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/sqlprocedurey"><img src="https://img.php.cn/upload/subject/202407/22/2024072212282144846.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="SQL 프로시저 구문 오류에 대한 해결 방법" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/sqlprocedurey" class="title-a-spanl" title="SQL 프로시저 구문 오류에 대한 해결 방법"><span>SQL 프로시저 구문 오류에 대한 해결 방법</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/ko/faq/zmxgtpsdwz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214305145551.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="사진의 텍스트를 수정하는 방법" /> </a> <a target="_blank" href="http://www.php.cn/ko/faq/zmxgtpsdwz" class="title-a-spanl" title="사진의 텍스트를 수정하는 방법"><span>사진의 텍스트를 수정하는 방법</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">인기 추천</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js는 무슨 뜻인가요?" href="http://www.php.cn/ko/faq/482163.html">js는 무슨 뜻인가요?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js에서 문자열을 배열로 변환하는 방법은 무엇입니까?" href="http://www.php.cn/ko/faq/461802.html">js에서 문자열을 배열로 변환하는 방법은 무엇입니까?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="자바스크립트를 사용하여 페이지를 새로 고치는 방법" href="http://www.php.cn/ko/faq/473330.html">자바스크립트를 사용하여 페이지를 새로 고치는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="js 배열에서 항목을 삭제하는 방법" href="http://www.php.cn/ko/faq/475790.html">js 배열에서 항목을 삭제하는 방법</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="sqrt 함수를 사용하는 방법" href="http://www.php.cn/ko/faq/415276.html">sqrt 함수를 사용하는 방법</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>인기 튜토리얼</div> <a target="_blank" href="http://www.php.cn/ko/course.html">더> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">관련 튜토리얼 <div></div></div> <div class="tabdiv swiper-slide" data-id="two">인기 추천<div></div></div> <div class="tabdiv swiper-slide" data-id="three">최신 강좌<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="http://www.php.cn/ko/course/265.html" title="시작부터 마스터링까지 React 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625516cf38389365.png" alt="시작부터 마스터링까지 React 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="시작부터 마스터링까지 React 비디오 튜토리얼" href="http://www.php.cn/ko/course/265.html">시작부터 마스터링까지 React 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>551453 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="265"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/785.html" title="React 라우팅 심층 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625e6cf44cef0586.jpg" alt="React 라우팅 심층 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="React 라우팅 심층 비디오 튜토리얼" href="http://www.php.cn/ko/course/785.html">React 라우팅 심층 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>21315 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="785"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/791.html" title="React Native 고급 심층 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625fa172d47d9787.jpg" alt="React Native 고급 심층 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="React Native 고급 심층 비디오 튜토리얼" href="http://www.php.cn/ko/course/791.html">React Native 고급 심층 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>28728 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="791"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/manual/view/36311.html" title="React 중국어 개발 매뉴얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611ddf3e60b255.jpg" alt="React 중국어 개발 매뉴얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="React 중국어 개발 매뉴얼" href="http://www.php.cn/ko/manual/view/36311.html">React 중국어 개발 매뉴얼</a> <div class="wzrthreerb"> <div>15 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="931"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/734.html" title="ReactJS 기본 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/625e5ee743cc9976.jpg" alt="ReactJS 기본 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="ReactJS 기본 비디오 튜토리얼" href="http://www.php.cn/ko/course/734.html">ReactJS 기본 비디오 튜토리얼</a> <div class="wzrthreerb"> <div>25352 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="734"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/ko/course/812.html" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)" href="http://www.php.cn/ko/course/812.html">최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)</a> <div class="wzrthreerb"> <div >1417396 학습 시간</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/286.html" title="JAVA 초보자용 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 초보자용 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 초보자용 비디오 튜토리얼" href="http://www.php.cn/ko/course/286.html">JAVA 초보자용 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >2480233 학습 시간</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/504.html" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼" href="http://www.php.cn/ko/course/504.html">Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼</a> <div class="wzrthreerb"> <div >504099 학습 시간</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/901.html" title="웹 프론트 엔드 개발에 대한 빠른 소개" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="웹 프론트 엔드 개발에 대한 빠른 소개"/> </a> <div class="wzrthree-right"> <a target="_blank" title="웹 프론트 엔드 개발에 대한 빠른 소개" href="http://www.php.cn/ko/course/901.html">웹 프론트 엔드 개발에 대한 빠른 소개</a> <div class="wzrthreerb"> <div >215322 학습 시간</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/234.html" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="PS 비디오 튜토리얼을 처음부터 마스터하세요"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PS 비디오 튜토리얼을 처음부터 마스터하세요" href="http://www.php.cn/ko/course/234.html">PS 비디오 튜토리얼을 처음부터 마스터하세요</a> <div class="wzrthreerb"> <div >878097 학습 시간</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/ko/course/1648.html" title="[웹 프런트엔드] Node.js 빠른 시작" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[웹 프런트엔드] Node.js 빠른 시작"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[웹 프런트엔드] Node.js 빠른 시작" href="http://www.php.cn/ko/course/1648.html">[웹 프런트엔드] Node.js 빠른 시작</a> <div class="wzrthreerb"> <div >6476 학습 시간</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/1647.html" title="해외 웹 개발 풀스택 강좌 총집합" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="해외 웹 개발 풀스택 강좌 총집합"/> </a> <div class="wzrthree-right"> <a target="_blank" title="해외 웹 개발 풀스택 강좌 총집합" href="http://www.php.cn/ko/course/1647.html">해외 웹 개발 풀스택 강좌 총집합</a> <div class="wzrthreerb"> <div >5082 학습 시간</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/1646.html" title="Go 언어 실습 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go 언어 실습 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go 언어 실습 GraphQL" href="http://www.php.cn/ko/course/1646.html">Go 언어 실습 GraphQL</a> <div class="wzrthreerb"> <div >4269 학습 시간</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/1645.html" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다" href="http://www.php.cn/ko/course/1645.html">550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다</a> <div class="wzrthreerb"> <div >634 학습 시간</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/ko/course/1644.html" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬"/> </a> <div class="wzrthree-right"> <a target="_blank" title="기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬" href="http://www.php.cn/ko/course/1644.html">기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬</a> <div class="wzrthreerb"> <div >21731 학습 시간</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>최신 다운로드</div> <a href="http://www.php.cn/ko/xiazai">더> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">웹 효과 <div></div></div> <div class="swiper-slide" data-id="twof">웹사이트 소스 코드<div></div></div> <div class="swiper-slide" data-id="threef">웹사이트 자료<div></div></div> <div class="swiper-slide" data-id="fourf">프론트엔드 템플릿<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 기업 메시지 양식 연락처 코드" href="http://www.php.cn/ko/xiazai/js/8071">[양식 버튼] jQuery 기업 메시지 양식 연락처 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 MP3 뮤직 박스 재생 효과" href="http://www.php.cn/ko/xiazai/js/8070">[플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과" href="http://www.php.cn/ko/xiazai/js/8069">[메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery 시각적 양식 드래그 앤 드롭 편집 코드" href="http://www.php.cn/ko/xiazai/js/8068">[양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS 모방 Kugou 음악 플레이어 코드" href="http://www.php.cn/ko/xiazai/js/8067">[플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="클래식 HTML5 푸시 박스 게임" href="http://www.php.cn/ko/xiazai/js/8066">[HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤" href="http://www.php.cn/ko/xiazai/js/8065">[그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="CSS3 개인 앨범 커버 호버 확대/축소 효과" href="http://www.php.cn/ko/xiazai/js/8064">[사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8328" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8327" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿" target="_blank">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8326" title="디자이너 크리에이티브 작업 이력서 웹 템플릿" target="_blank">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8325" title="현대 엔지니어링 건설 회사 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8324" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿" target="_blank">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8323" title="온라인 전자책 쇼핑몰 웹사이트 템플릿" target="_blank">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8322" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다." target="_blank">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8321" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿" target="_blank">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3078" target="_blank" title="귀여운 여름 요소 벡터 자료(EPS+PNG)">[PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3077" target="_blank" title="4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)">[PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3076" target="_blank" title="노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)">[배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3075" target="_blank" title="황금 졸업 모자 벡터 자료(EPS+PNG)">[PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3074" target="_blank" title="흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)">[PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3073" target="_blank" title="다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)">[PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3072" target="_blank" title="플랫 스타일 식목일 배너 벡터 자료(AI+EPS)">[배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/sucai/3071" target="_blank" title="9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)">[PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8328" target="_blank" title="가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿">[프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8327" target="_blank" title="신선한 색상의 개인 이력서 가이드 페이지 템플릿">[프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8326" target="_blank" title="디자이너 크리에이티브 작업 이력서 웹 템플릿">[프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8325" target="_blank" title="현대 엔지니어링 건설 회사 웹사이트 템플릿">[프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8324" target="_blank" title="교육 서비스 기관을 위한 반응형 HTML5 템플릿">[프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8323" target="_blank" title="온라인 전자책 쇼핑몰 웹사이트 템플릿">[프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8322" target="_blank" title="IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.">[프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/ko/xiazai/code/8321" target="_blank" title="보라색 스타일 외환 거래 서비스 웹 사이트 템플릿">[프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="http://www.php.cn/ko/about/xieyi.html" rel="nofollow" target="_blank" title="회사 소개" class="cBlack">회사 소개</a> <a href="http://www.php.cn/ko/about/yinsi.html" rel="nofollow" target="_blank" title="부인 성명" class="cBlack">부인 성명</a> <a href="http://www.php.cn/ko/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1">PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！</dd> </dl> </div> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1731364708"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>