36명이 이 클래스에 관심 있어요.

  • 1개월간 수강 가능

    기간 내 무제한 수강

  • 영상/오디오 5시간 43분 13초

    영상/오디오 22개 콘텐츠 5시간 43분 13초 분량

  • Download File 1 개

    클래스 관련 Download File 1 개 (파일)

  • 수료증 발급

    학습 완료 후 수료증 발급

이 클래스는

이 과정은 [리액트와 닷넷코어를 기반으로 풀스택으로 웹 개발을 하고자하는 개발자]를 위한

프로그래밍 입문 과정의 part 3 과정입니다.


리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다.

자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다.

SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는

프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다.


이 과정에서는

1. 리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.

2. 리액트의 컴포넌트를 만드는 여러가지 방법을 학습합니다.

3. 닷넷코어를 사용하여 백엔드 API를 만드는 방법을 학습합니다.

4. 하나의 완성된 데이터베이스 처리 웹앱을 만들어봅니다.




클래스 자료

  • 23개 콘텐츠
  • 영상/오디오 5시간 43분 13초
  • Download File 1 개
  • 동영상

    00:07

    1.FunctionStateDemo_useState()를 사용하여 함수 컴포넌트에서 상태 관리

  • 파일

    1.92 MB

    교재파일(학습전 다운로드 받으세요.)

  • 동영상

    00:09:01

    2.useEffect Hook를 사용하여 페이지 로드할 때 필요한 기능 수행

  • 동영상

    00:06:39

    3.useEffect를 사용하여 페이지 로드할 때 fetch 함수로 Web API 호출하기

  • 동영상

    00:15:51

    4.FetchApiPractice_fetch api를 사용하여 Web API를 호출하여 JSON 데이터 출력하기

  • 동영상

    00:12:21

    5.TextBoxOnChangeEventHandler_텍스트박스의 change 이벤트에서 텍스트박스의 값을 가져와 상태 데이터에 저장하기

  • 동영상

    00:12:57

    6.JSON 데이터를 주고 받을 수 있도록 닷넷코어 백엔드 기술을 사용하여 Web API 만들기 시작 데모

  • 동영상

    00:23:35

    7.BookApp.React 프로젝트 생성 및 SQL Server 데이터베이스 프로젝트 추가 후 Books 테이블 생성

  • 동영상

    00:14:20

    8.Books 테이블과 일대일로 매핑되는 Book 모델 클래스 생성

  • 동영상

    00:34:23

    9.모델 클래스를 기본으로 리포지토리 인터페이스와 클래스 코드 구현

  • 동영상

    00:19:58

    10.테스트 프로젝트 생성 및 5개 메서드에 대한 테스트 코드 작성

  • 동영상

    00:24:02

    11.리액트에서 사용될 REST 서비스를 위한 Web API 프로젝트 생성 및 종속성 주입 후 GET 메서드 테스트

  • 동영상

    00:16:57

    12.Web API 상세, 입력, 수정, 삭제 메서드 구현

  • 동영상

    00:13:31

    13.React 프로젝트에서 CORS를 설정한 Web API 프로젝트를 fetch 함수로 호출 테스트

  • 동영상

    00:08:46

    14.ASP.NET Core Web API를 사용하여 백엔드 파트 구현 완료

  • 동영상

    00:18:33

    15.책 리스트를 출력하는 BooksIndex 클래스 컴포넌트 생성 및 기본 모양 테스트

  • 동영상

    00:11:20

    16.fetch 함수를 사용하여 Web API 호출 후 JSON 데이터를 리스트 페이지에 출력하기

  • 동영상

    00:11:11

    17.Promise 기반 HTTP 클라이언트인 axios를 사용하여 Web API 호출하기

  • 동영상

    00:20:20

    18.Create, Edit, Delete 버튼 및 클릭 이벤트 처리기 생성

  • 동영상

    00:14:56

    19.라우팅에 Index, Create, Edit, Delete 컴포넌트 등록 및 history 개체를 사용하여 이동 기능 구현

  • 동영상

    00:22:48

    20.부트스트랩으로 Create 페이지에 대한 UI 작성 및 axios의 post 함수 호출로 입력 기능 구현 완료

  • 동영상

    00:20:26

    21.넘어온 id 값에 해당하는 자료를 표시한 후 수정 페이지 기능 구현 그리고 삭제 컴포넌트 기능 구현 완료

  • 동영상

    00:04:18

    22.보강_화살표 함수(람다 식)로 이벤트 핸들러 바인딩_강의 완료

안녕하세요.
소확성 마스터입니다.

소확성

소소하지만 확실한 성장(소확성)

  • 수강생 49명
  • 평균별점 5.0

소소하지만 확실한 성장 : 소확성

어제보다 조금 더 성장한 오늘의 나를 위해, 소확성이 함께 합니다.


경쟁과 성공, 성과만을 쫓는 경쟁적 자기계발에 지친 현대인을 위해,

일과 삶, 생활을 업그레이드하는 진정한 나만의 성장을 위한 콘텐츠를 제공합니다.



* 온라인교육전문기업 (주)알엠피

망설이지 마세요!

클래스를 들을 다른 러너들을 위해
첫 번째 후기를 작성해주세요!

이 마스터의 다른 클래스 후기

궁금한 건 참지마세요!

작성된 Q&A가 없습니다.

환불정책

취소/환불정책 신청기간

  • 온라인 클래스 : 결제일 기준 30일 이내.
    단, 학습 기간 종료 전까지 가능
  • LIVE 클래스 : 클래스 시작 1시간 전까지 가능.
    단, 신청기간이 종료일이 라이브 클래스 진행일과 동일하지 않은 경우에는 개설자가 설정한신청기간까지만 가능
  • 랜선/오프 클래스 : 개설자가 설정한 신청기간과 동일

취소/환불 방법

클래스 구매내역 에서 신청취소 또는 결제취소

취소/환불 수수료

결제수단, 환불신청 시점, 환불 사유에 따라 환불 수수료가 부과 될 수 있습니다.

[HD]자바스크립트 React(리액트) 프로그래밍 입문 Part.3

소확성

포스트

공유하기

앱 설치 문자받기

chrome edge

브라우저를 업그레이드 해주세요.

사용하시는 버전에서는 일부 기능이 제한되거나 시스템 속도가 저하될 수
있으므로 더 나은 해피칼리지 서비스 이용을 위해 최신 버전의
브라우저를 통해 이용해주세요.