ybw903 / pilot-react

간단한 파일럿 프로젝트를 진행해봅시다.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

파일럿 프로젝트 - React

React 파일럿 프로젝트를 진행한다.

본인이 알고 있는 지식, 할 수 있는 모든것을 총 동원하여 만든다.

로그인을 통해 토큰을 입력받은 뒤 회원정보를 보여주는 페이지로 이동한다.

PR

  • React 프로젝트는 ./results/본인아이디에 생성한다.
  • README.md 마지막 자랑하기에 본인의 repository 주소를 넣고 PR

설치

  1. Docker 설치
  2. Repository Fork & Clone
$ docker build -t pilot-auth .
$ docker run --name pilot-auth -p 5000:5000 pilot-auth

# restart
$ docker start -a pilot-auth

서버가 재시작 되면 인증 토큰이 갱신됩니다.

요구 사항

  • git (github)
  • webstorm
  • React
  • Typescript
  • Test Case 작성
  • 자바스크립트 Object {} (type object 포함)의 사용을 하지말아보자!
  • API 요청, 응답 데이터는 클래스를 이용

구현 내용

화면 구성, 디자인은 자유

로그인 페이지

아이디, 비밀번호를 입력하고 로그인하는 화면을 만든다.
로그인이 완료되면 회원정보 페이지로 이동한다.

회원정보 페이지

회원정보를 보여주는 화면

API 문서

링크

자랑하기

  • leejaycoke 예를들어 초보 개발자인데 한 번 해봤습니다. 피드백주세요
  • hojongs 프론트엔드 경험 전무하지만 Vue로 스타트 끊어봅니다!

About

간단한 파일럿 프로젝트를 진행해봅시다.


Languages

Language:TypeScript 44.8%Language:Python 20.0%Language:HTML 13.3%Language:Vue 11.2%Language:JavaScript 4.4%Language:SCSS 3.0%Language:CSS 2.5%Language:Dockerfile 0.8%