로그인   l   회원가입 close
검색
교육신청

[HD]페이스북에서 만든 오픈 소스 자바스크립트 React(리액트) 프로그래밍 입문 Part.2

  • 교육기간4주
  • 교육시간17시간
신청하기 목록
  • 과정 소개
  • 학습 목차
  • 수강후기
  • 리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다.
    SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다.
  • 학습차수 학습명 학습시간 학습
    1차시 SeeSharpGuide_01_create-react-app으로 프로젝트 만들고 기본 컴포넌트와 함수 컴포넌트를 사용하여 강좌 리스트 13분 미리보기
    2차시 SeeSharpGuideTitle_className과 style을 사용하여 자식 컴포넌트에 스타일 적용하는 방법 설명 13분
    3차시 리액트 라우팅 경로 지정 이론 설명 13분
    4차시 About 컴포넌트 생성 및 라우팅에 추가 13분
    5차시 Contact 컴포넌트 생성 및 실행 데모 13분
    6차시 ContactDetails와 Copyright 서브 컴포넌트 생성 및 부모 컴포넌트에 포함해서 실행 13분
    7차시 TechList와 SiteList 서브 컴포넌트 생성 및 Home 컴포넌트에 포함해서 실행 13분
    8차시 About과 Contact 컴포넌트 UI 변경하기 13분
    9차시 버튼에 인라인 스타일 적용하기 13분
    10차시 React.Fragment를 사용하여 컴포넌트에서 동일 레벨의 여러 HTML 요소 표현하기 13분
    11차시 리액트 state 개체로 상태 관리하기 이론 13분
    12차시 StateDescription_state 개체를 사용하여 클래스 컴포넌트에서 title과 message 속성을 저장하고 출력하는 상태 관리 데모 13분
    13차시 리액트 컴포넌트 라이프 사이클 componentDidMount 13분
    14차시 리액트 onClick 이벤트 처리기 이론 13분
    15차시 OnClickEventHandler_onCLick 이벤트 처리기에서 클릭 이벤트를 처리하는 3가지 모양 정리 13분
    16차시 OneWayBinding_React에서 텍스트박스의 값을 읽어 sate 개체에 저장 후 다시 출력하는 초간단 양방향 바인딩 구현하기 13분
    17차시 초간단 인-메모리 TodoList 만들기 데모 13분