우리들의 제목학원 2018 Web Side
Our Title Academy With React.js + Redux

달랑 사진 한 장에 짧은 몇 글자만으로 사람들에게 웃음을 제공할 수 있는 Web Application 제작.

🐸 여러분들의 제목 센스와 드립을 발휘해~ 주세요!!!

👩‍🔧 컴포넌트 별로 어떤 요소들이 사용되었는지 쉽게 인지하기 위해 유지보수 작업을 진행하고 있습니다.

👩‍🔧 Spring 서버에서 안내 기능을 추가로 구현하여 이 프로젝트에서 반영하겠습니다.

💬 적극 반영하면 좋을 리뷰는 Issues 에 남겨주시면 감사하겠습니다.

Application 에 대한 평가 리뷰, 개선 사항 등을 이야기 해 주셔도 좋습니다. 😉

Issues

• 2017 겨울방학, 2018 여름방학 React.js 특강 수업 내용을 토대로 Web Application 을 제작합니다.

• React.js 에서 하나의 Application 의 거대한 state 를 props 로 쉽게 접근할 수 있는 Redux 를 활용합니다.

• 모바일에서도 쉽게 접근할 수 있는 반응형 Web Application 을 제작합니다.

Description

소프트웨어 캡스톤 디자인의 후속 프로젝트 진행을 위한 Web Application 제작.

내용은 Server 측과 같습니다.

Application Structure

Application 의 간략한 구성은 다음과 같습니다. Server 측에도 기재하였으니 참고 바랍니다.

package.json

아래와 같은 Library Module 들이 포함되어 있으니 이용에 참고 하시길 바랍니다.

"dependencies": {
    "axios": "^0.18.0",
    "jwt-decode": "^2.2.0",
    "match-sorter": "^2.2.3",
    "query-string": "^6.1.0",
    "react": "^16.6.3",
    "react-dom": "^16.4.1",
    "react-dropzone": "^4.2.13",
    "react-google-charts": "^3.0.3",
    "react-highlight-words": "^0.12.0",
    "react-infinite-scroll-component": "^4.2.0",
    "react-quill": "^1.3.1",
    "react-redux": "^5.0.7",
    "react-router-dom": "^4.3.1",
    "react-scripts": "1.1.4",
    "react-slick": "^0.23.1",
    "react-table": "^6.8.6",
    "redux": "^4.0.0",
    "redux-form": "^7.4.2",
    "redux-promise": "^0.6.0",
    "redux-thunk": "^2.3.0",
    "searchkit": "^2.3.0",
    "sockjs-client": "^1.1.5",
    "stompjs": "^2.3.3"
}

Author

• 강인성(tails5555)

Project History

Project Schedule

Server References

이 프로젝트에서 이용한 Server 는 Spring Web MVC 를 이용하여 연동하였습니다.

🖥 아래 측의 Server Side 를 참고 바랍니다.

Server Side 참고하기

Wiki References

현재까지 제작한 Web Application 의 페이지 정보들을 참고하고 싶다면 아래의 위키 페이지를 참고하시면 도움 됩니다.

다만 웹 페이지의 height 규격이 커서 사진에 대한 축약이 존재할 수 있으니 양해 바랍니다.

위키 조회

Thanks To

🙇‍♀️ Issues 에 모든 답글을 달아주신 분들을 여기에 작성 해 드립니다.

🤷‍♀️ Thanks To 에 비공개를 원한다면 반영하겠습니다.

• React.js 겨울방학, 여름방학 동안 강의 하신 이승진 교수님

• React.js Tutorial

• w3 css - Bootstrap 처럼 이용할 만한 Component 요소들이 많아서 Front 측에서 프로젝트 진행할 때 도움 됩니다.

• HTML5UP - HTML 로 구현한 Web Application 이 화려함.