이전에 포스팅했던 RealWorld React SPA 개발에 사용한 디자인을 Static HTML로 분리해서 공개합니다.
– Github 프로젝트 : https://github.com/dohoons/world-html
– HTML 화면 보기 : https://dohoons.github.io/world-html/
– React.js 개발 Demo 보기 : https://dohoons.github.io/world/
제가 직접 만든 디자인으로 기존에 RealWorld에서 제공되는 conduit (https://demo.realworld.io) 템플릿과 유사합니다. 추가적으로 반응형웹으로 작업되어 있고, 푸터에서 언어 선택을 할 수 있는 디자인입니다.
기존에 RealWorld에서 호스팅 서비스되고 있는 백앤드 API를 그대로 이용하여 개발할 수 있습니다.
– API URL: https://conduit.productionready.io/api
– Swagger: https://api.realworld.io/api-docs/
– Spec: https://gothinkster.github.io/realworld/docs/specs/backend-specs/endpoints
프론트 개발을 실제적인 웹개발 구조로 연습하거나, 새로운 기술을 시험적으로 도입해보는데 도움이 될 것이라고 생각합니다.
추가내용
공식 데모 API가 정상동작하지 않는 경우가 많아졌습니다.
하지만 백앤드 API도 오픈소스라서 직접 로컬에서 API서버를 실행하거나 버튼 클릭으로 Heroku로 간단히 배포해서 사용할 수 있습니다.
직접 배포해둔 API도 공유합니다.
– API URL: https://dohoons-realworld-api.herokuapp.com/api
– Swagger: https://dohoons-realworld-api.herokuapp.com/api-docs/