React와 Node.js를 활용한 고객 관리 시스템 개발 - goormEDU

React와 Node.js를 활용한 고객 관리 시스템 개발

리액트와 node.js를 이용해 웹 기반의 고객 관리 시스템을 개발해봅시다.

Lecture Introduction
Difficulty
Easy
Category
Programming - Web Programming
Tag
리액트, react, nodejs, 웹애플리케이션, 웹프로그래밍, 웹개발강좌, 웹앱개발강좌, 웹앱개발강의, 웹개발강의, 리액트강의
Target Audience
- 맥이나 리눅스 프로그래밍을 경험해보지 않은 초보 개발자
- 리액트를 실제로 적용한 사이트를 구축하고 싶은 분
- 웹 서버 프로그래밍에 관심이 많고 실제 데이터베이스를 다루어보고 싶은 분
- 윈도우 환경에서 웹 프로그래밍을 하고 싶은 분

🎡웹 프로그래밍으로 만드는 매니지먼트 시스템 A to Z🎡

- React와 Node.js로 고객 관리 시스템을 구축해봅시다. -



📝강좌 소개


🔫응용프로그램으로 구현했던 다양한 매니지먼트 시스템이 점점 웹 애플리케이션으로 구축되기 시작했습니다. 해당 과목에서는 2019년 가장 핫한 웹 프론트 라이브러리인 React를 이용해 웹 사이트를 효과적으로 구성하여 출력하고, Node.js를 이용해 실제 사용자의 고객 정보를 데이터베이스로 관리하려 합니다.

👶맥이나 리눅스를 이용하여 개발하는 분들도 많지만, 다수의 윈도우 사용자와 초보 개발자를 위해 윈도우 환경에서 강좌를 진행합니다. 추후 강의자 님의 필요에 따라 강의가 추가될 수 있습니다.



🎯학습 목표


  • 맥이나 리눅스 환경이 익숙치 않은 초보 개발자 및 윈도우 사용자가 웹 애플리케이션을 제작할 수 있습니다.
  • 최고의 인기를 누리고 있는 React를 실제로 어떻게 적용할 수 있는지 다루어봅니다.
  • Node.js를 이용해 웹 서버에서 데이터베이스를 어떻게 다루는지 배웁니다.

 


강의자 소개


안경잡이개발자(나동빈)

  • 1996년 12월 22일 출생 한국교원대학교 컴퓨터교육과 대학생

  • 취미
    - 프로그래밍 교육
    - 타인의 편의 증진을 위한 웹 사이트, 응용 프로그램 개발 (ex. 다락리타임(http://darakri.com)의 운영진 활동 중)

  • 주요 이력
    - LG 서브원 Patrol Management System(2016.12 ~ 2017.02)
    - 연합 소프트웨어 경진대회 최우수상(2016.12)
    - 전국 창의문제 해결능력 경진대회 미래창조과학부 장관상 대상(2016.09)
Preview
Expand All
  • 02
    01. 환경 세팅 및 기초
  • Create React App으로 리액트(React) 프로젝트 시작하기
    Visual Studio Code를 이용한 소스코드 작성
    깃 허브(Git Hub)를 이용해 소스 코드 관리하기
Curriculum
Expand All
  • 01
    00. ReactJS 이론부터 실전까지
  • ReactJS의 개요 및 Hello World
    코드펜(Codepen)을 이용한 React 개발환경 구축하기
    React에서 JSX란
    React의 Component와 Props
    React의 State
    React의 Lifecycle과 API호출
    React의 이벤트 처리
  • 02
    01. 환경 세팅 및 기초
  • Create React App으로 리액트(React) 프로젝트 시작하기
    Visual Studio Code를 이용한 소스코드 작성
    깃 허브(Git Hub)를 이용해 소스 코드 관리하기
  • 03
    02. 시스템 구현
  • 고객 컴포넌트(Component) 만들기
    고객 컴포넌트 구조화하기
    Material UI를 적용하여 고객 테이블 디자인하기
    Node.js Express 서버 개발환경 구축하기
    Node.js Express에서 REST API 구축하기
    리액트의 라이프 사이클 이해 및 API 로딩 처리 구현하기
    AWS RDS 서비스를 이용하여 MySQL DB 구축하기
    고객(Customer) DB 테이블 구축 및 Express와 연동하기
    고객 추가 양식(Form) 구현 및 이벤트 핸들링
    Node.js Express에서 파일 업로드 요청 처리 및 DB에 데이터 삽입
    부모 컴포넌트의 상태(State) 변경을 통한 고객 정보 갱신
    고객 정보 삭제 기능 구현하기
    Material UI 모달(Modal) 디자인 구현하기
    AppBar 및 웹 폰트를 적용하여 디자인 개편하기
    필터(Filter) 함수를 이용한 고객 검색 기능 구현하기
Instructor Introduction
user
나동빈Teacher
Lecture Reviews
  • No reviews have been written.

Free


Average Rating
5
Difficulty
Easy
Lecture Period
Unlimited
URL