chanyeong

2020-06-01 ~

image

프로젝트 개요

chanyeong은 개발자 조찬영의 포트폴리오 및 블로그 기능을 포함한 웹 애플리케이션입니다. 프론트엔드 개발자로써 결과물과 발전하는 과정을 기록하기 위해 개발되었습니다. 이 프로젝트는 지속적으로 리팩토링되며 발전시킬 예정입니다.

Architecture

서버 통신

architecture1.jpg

사용 기술

architecture2.png

Front-end

  • React
  • TypeScript
  • Next.js
  • GraphQL
  • Apollo Client
  • Styled Components
  • TUIEditor ( WYSIWYG Editor )

Back-end

  • NestJS
  • TypeScript
  • Apollo Server
  • GraphQL
  • Sequelize

Deploy

  • Nginx
  • Docker
  • Toast Cloud

Excution Screen

Index Page

image

About Page

image

Portfolio Page

image

Blog Page

image

  • 블로그 페이지는 인피니티 스크롤링을 사용해 포스트들을 표시합니다.
Contact Page

image

모든 페이지는 반응형 디자인이 적용되어 있습니다.

더 자세한 정보는 깃허브 주소에 가시면 확인하실 수 있습니다.

적용 기술

JavaScriptHTML5CSS3TypeScriptReactNext.jsApollo Clientstyled componentsNode.jsGraphQLSequelizeMySQLgitdockerwebpackNestJS
다크모드