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

  • 1개월간 수강 가능

    기간 내 무제한 수강

  • 영상/오디오 6시간 4분 38초

    영상/오디오 22개 콘텐츠 6시간 4분 38초 분량

  • Download File 1 개

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

  • 수료증 발급

    학습 완료 후 수료증 발급

이 클래스는

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

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


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

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

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

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


이 과정에서는

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

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

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

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




클래스 자료

  • 23개 콘텐츠
  • 영상/오디오 6시간 4분 38초
  • Download File 1 개
  • 동영상

    00:14:20

    1. 리액트 프로그래밍 입문 강의 시작

  • 파일

    1.92 MB

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

  • 동영상

    01:22:20

    2. 리액트 개발 환경 구축 및 클라우드 기반 데브옵스 설정하는 전체적인 절차에 대한 데모

  • 동영상

    00:32:37

    3. Windows 환경에서 리액트 개발 환경 구축 및 리액트 프로젝트 생성하는 2가지 방법 설명

  • 동영상

    00:13:27

    4. 두 가지 방식으로 리액트 프로젝트를 만드는 방법 설명(create react app과 dotnet new react)

  • 동영상

    00:06:50

    5. 참고_ReactDemo_프로젝트 생성 후 로컬 테스트 후 GitHub 리포지토리에 게시하는 전체 절차 설명

  • 동영상

    00:20:30

    6. Temp 폴더에 dotnet new react 명령으로 풀스택 프로젝트 생성 및 실행 그리고 여러 가지 사용법 데모

  • 동영상

    00:05:50

    7. Create React App으로 만든 리액트 프로젝트의 구조 간단히 살펴보기

  • 동영상

    00:13:31

    8. 현재 강의에서 만들어지는 최종 소스인 ReactMemo와 BookApp.React 프로젝트 다운 및 설치 그리고 실행하기 데모

  • 동영상

    00:06:42

    9. 순수 HTML 파일에 리액트 적용하기 소개

  • 동영상

    00:18:21

    10. HelloReact_순수한 HTML 파일에서 리액트 헬로월드 예제 만들고 실행해보기

  • 동영상

    00:16:15

    11. HelloReact_React Developer Tools 설치 및 createElement 함수에 속성 적용하기

  • 동영상

    00:08:59

    12. HelloReact_중첩된 HTML 요소를 React_createElement 함수를 여러 번 사용해서 구현하기

  • 동영상

    00:06:28

    13. HelloReact_Babel 라이브러리를 사용하여 JSX로 HTML 요소 작성하기

  • 동영상

    00:11:03

    14. HelloReact_JSX에서 스타일 사용하기_className으로 CSS Class 적용하기

  • 동영상

    00:12:29

    15. HelloReact_JSX 표현식 사용하기

  • 동영상

    00:12:17

    16. HelloReact_함수 컴포넌트 만들고 JSX 표현식에 적용하기

  • 동영상

    00:19:33

    17. HelloReact_Props_동적 개체인 props를 사용하여 컴포넌트에 전달된 속성 이름과 속성 값을 받아 사용하기

  • 동영상

    00:09:21

    18. HelloReact_구조 파괴 할당(구조 분해 할당)을 사용하여 props를 좀 더 간결하게 사용하기

  • 동영상

    00:11:14

    19. HelloReact_JSX에서 조건(3항) 연산자 사용하기

  • 동영상

    00:07:37

    20. HelloReact_함수 컴포넌트와 클래스 컴포넌트_클래스로 컴포넌트 만들기

  • 동영상

    00:15:47

    21. HelloReact_state와 setState로 상태 데이터를 저장하고 onClick 이벤트 처리기에서 상태 데이터를 수정하기

  • 동영상

    00:19:07

    22. HelloReact_컬렉션 형태의 데이터 출력 및 부트스트랩으로 UI 꾸미기

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

소확성

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

  • 수강생 49명

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

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


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

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



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

망설이지 마세요!

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

궁금한 건 참지마세요!

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

환불정책

취소/환불정책 신청기간

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

취소/환불 방법

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

취소/환불 수수료

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

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

소확성

포스트

공유하기

앱 설치 문자받기

chrome edge

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

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