본문 바로가기
닫기
필터

Page of 221
  • [가장 쉬운 리액트] Thinking in React - 2편(state를 활용하여 App완성)

    https://davidhwang.netlify.com/React/11.Thinking-in-React/

    가장쉬운 리액트 15번째 영상 Thinking in React 2편입니다
    이번영상에서는 React로 App을 만드는 과정을 실제 App을 구현하며 구체적으로 살펴보았습니다.

    state를 활용하여 상호작용 가능한 App을 완성하였는데
    React로 App을 완성하는 과정을 익힐 수 있으면 좋을듯 합니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장 쉬운 리액트] Thinking in React - 2편(state를 활용하여 App완성)
  • [가장 쉬운 리액트] Thinking in React - 1편(상호작용 없는 React page구현 까지)

    https://davidhwang.netlify.com/React/11.Thinking-in-React/

    가장쉬운 리액트 14번째 영상 Thinking in React 1편입니다
    이번영상에서는 React로 App을 만드는 과정을 실제 App을 구현하며 구체적으로 살펴보았습니다.

    component를 쪼개고 props를 내려주어 상호작용이 없는 React page까지 구현해보았는데요.

    React로 App을 완성하는 과정을 익힐 수 있으면 좋을듯 합니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장 쉬운 리액트] Thinking in React - 1편(상호작용 없는 React page구현 까지)
  • [가장 쉬운 리액트] Composition vs Inheritance

    https://davidhwang.netlify.com/React/10.Composition-vs-Inheritance/

    가장쉬운 리액트 13번째 영상 Composition vs Inheritance입니다
    이번영상에서는 component를 만드는 패턴인 composition과 inheritance에 대해 비교설명했습니다.

    inheritance의 한계를 설명하기 위해 specialization과 OOP적인 특성에 대해 추가로 설명하여 이해를 도왔습니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장 쉬운 리액트] Composition vs Inheritance
  • [가장 쉬운 리액트] Lifting state up - 2편(통합된 state를 관리하는 부모 component)

    https://davidhwang.netlify.com/React/9.Lifting-state-up/

    가장쉬운 리액트 12번째 영상 Lifting state up 2편입니다
    이번영상에서는 state를 통합하고 부모 component에서 관리하는 방법을 설명했습니다.

    2편에서는 각 input component의 수정을 마무리하고 최종적으로 부모 component인 Calculator에서 어떻게 통합된 state를 관리하는지 설명했습니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장 쉬운 리액트] Lifting state up - 2편(통합된 state를 관리하는 부모 component)
  • [가장 쉬운 리액트] Lifting state up - 1편(각 온도를 입력받는 input tag와 conversion function)

    https://davidhwang.netlify.com/React/9.Lifting-state-up/

    가장쉬운 리액트 11번째 영상 Lifting state up 입니다
    이번영상에서는 state를 통합하고 부모 component에서 관리하는 방법을 설명했습니다.

    1편에서는 state를 lifting up하기 위해 두개의 input 태그를 포함한 component를 만들과 각각 input태그의 값을 바꾸는 conversion function까지 완성했습니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장 쉬운 리액트] Lifting state up - 1편(각 온도를 입력받는 input tag와 conversion function)
  • [가장 쉬운 리액트] forms

    https://davidhwang.netlify.com/React/8.Forms/

    가장쉬운 리액트 10번째 영상 forms입니다
    이번영상에서는 form tag가 react에서 어떻게 다뤄지는지에 대해 설명했습니다.

    input, textarea, select 등 tag들이 어떻게 react에서 활용되는지 state와 연관지어 풀어나간 영상입니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장 쉬운 리액트] forms
  • [가장쉬운 리액트] JSX

    https://davidhwang.netlify.com/React/1.JSX/

    가장쉬운 리액트 시리즈 첫번째 영상
    JSX입니다

    JSX는 react element를 나타내는 javascript의 확장된 문법입니다. Babel로 컴파일하면 React.createElement()를 실행시킵니다!
    자세한 설명은 영상으로 확인하시면 이해가 쉬우실거에요 :)

    리액트 공식문서를 공부한 내용을 정리하여
    설명한 시리즈 영상입니다.

    함께 리액트에대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장쉬운 리액트] JSX
  • [가장쉬운 리액트] conditional rendering

    https://davidhwang.netlify.com/React/5.Handling-Events/

    가장쉬운 리액트 8번째 영상 handling event입니다
    조건에 따라 다른 element를 rendering하는 방법을 소개합니다.

    if문을 javascript처럼 component안에서 사용하는 방법과
    JSX를 사용해서 inline으로 조건문을 처리하는 방법으로 나누어 설명했습니다.

    또한 component가 렌더링되는 것을 막는 방법에 대해서 추가로 설명했습니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장쉬운 리액트] conditional rendering
  • [가장쉬운 리액트] handling events

    https://davidhwang.netlify.com/React/5.Handling-Events/

    가장쉬운 리액트 7번째 영상 handling events입니다
    이번영상에서는 event가 react에서 어떻게 다뤄지는지
    어떻게 이름짓는지, 추가하는지에 대해 설명했는데요.
    javascript의 this 키워드와 arrow function에 대한
    설명도 함께 해서 이해를 도왔습니다.

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 David가 되겠습니다
    감사합니다

    [가장쉬운 리액트] handling events
  • [가장쉬운 리액트] Lists & keys

    https://davidhwang.netlify.com/React/7.Lists-and-Keys/

    가장쉬운 리액트 9번째 영상 lists & keys 입니다
    이번 영상에서는 반복되는 component들을 어떻게 rendering할지
    list component의 rendering방법과 key에대해서 알아보았습니다

    함께 리액트에 대해 공부하며
    정확히 또 깊이 이해했으면 좋겠어요

    언제나 그렇듯 피드백은 대환영입니다
    매일 더욱 발전하는 david가 되겠습니다
    감사합니다

    [가장쉬운 리액트] Lists & keys

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기