월간 토이3 Trello 클론 프로젝트 회고 이번 프로젝트의 목적은 React를 사용해서 개발을 하는데 익숙해지기 위해서 였다. 목적대로 React를 사용하는데 있어서는 어느정도 익숙해진것 같다. 또한 node js 기반 서버 프레임워크인 Koa와 MongoDB를 사용할 수 있어서 좋았다. 아쉬웠던 점 기능 구현을 하는데 있어서는 어렵지 않았으나, 완성도를 올리는데 시간이 생각보다 많이 들었다. react-beautiful-dnd를 처음 사용해봤는데 dom 레이아웃을 어떻게 구성하느냐에 따라서 동작이 달라져서 문서에 나와있는 대로 정확히 레이아웃을 구성해줘야 했다. Material UI도 사용한 것도 문제가 됐다. Material UI가 제공하는 컴포넌트들의 dom 구조는 이미 결정되어 있어서 react-beautiful-dnd가 요구하는 레이아웃.. 2020. 4. 3. Trello Clone 프로젝트 목적 React를 이용해서 실제 프로덕션 레벨의 프로젝트를 진행해보자. 토이 프로젝트로는 기술 깊이가 낮아서 내가 원하는 수준에 도달할 수 없어서 이번 프로젝트를 진행한다. 프로젝트는 Trello를 최대한 비슷하게 카피하고 실제 AWS에 올려서 배포하는데 까지 진행해보려 한다. 프로젝트 구성 Front-end React.js 각종 라이브러리 Back-end Koa MongoDB 각종 라이브러리 프로젝트 기한 프로젝트는 무조건, 죽어도 12월 내에 끝내야 한다. 2019. 12. 9. React & Koa 토이 프로젝트 프로젝트 구성 이번에 진행한 토이 프로젝트 의 분석 목적은 React & Redux & axios 사용방식과 Koa 서버와의 연동 및 Mongo DB 사용방법 및 환경 구성이다. 위의 열거된 기술을 가장 간단하게 접할 수 있는 기능은 로그인 및 회원가입을 구현해보는 것이다. Front-end React.js 하위 라이브러리 목록 react-router-dom react-redux redux redux-actions imuutable styled-components open-color react-hot-loader axios redux-pender validator lodash query-string Back-end Koa Mongo DB 하위 라이브러리 목록 koa-router koa-bodyparser.. 2019. 12. 9. 이전 1 다음