React와 Node.js를 활용한 고객 관리 시스템 개발
    • 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) 함수를 이용한 고객 검색 기능 구현하기
    Visual Studio Code를 이용한 소스코드 작성
    02 01. 환경 세팅 및 기초
    Visual Studio Code를 이용한 소스코드 작성


    질문하기