tails5555 / reactjs_examples

간단한 기능을 더욱 효율적으로 구현하기 위한 React.js 예제

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ReactJS Examples

React 를 공부하면서 간단한 기능들을 구현하면서 사용 빈도가 높은 예제를 작성했습니다.

Server API Contexts

  • CRUD REST API with Music

    • DRF(django REST Framework) 사용.
    • 데이터베이스는 장르와 음악으로 1:N 관계로 구성됨.
  • BBS REST API

    • 간단한 게시판 기능 구현을 위해 사용.

Web App Contexts

  • 간단한 CRUD App 만들기

    • Pure ReactJS (순수 ReactJS 로만 작성.)
    • Table 를 기반으로 한 CRUD List 제작.
    • 단, 데이터 추가는 Instance Form 으로 처리했음.
    • Music API 에서 데이터를 받아 보여줌.
  • 간단한 Pagination App 만들기

    • Pure ReactJS (순수 ReactJS 로만 작성.)
    • 간단한 Pagination Bar 구현
    • 검색 기능, 정렬 기능 구현
    • Music API 에서 데이터를 받아 보여줌.

Schedules Of Examples

  • CRUD + Pagination 으로 간단한 게시판 만들기

  • Modal UI 기능 구현하기

  • React 에 Jest Framework 적용하기

  • ref 참조 사용하기

  • Children API 로 간단한 Carousel 만들기

  • Context API 로 간단한 CRUD 적용하기

  • Redux, MobX 활용하기

Author

About

간단한 기능을 더욱 효율적으로 구현하기 위한 React.js 예제


Languages

Language:JavaScript 60.1%Language:Python 30.4%Language:HTML 7.6%Language:CSS 1.9%