[웹개발] lockcept-world

 

웹개발 공부를 위해서 Lockcept World를 만들어보았다.

목적은 여러 서비스를 위한 콘솔 형태를 만드는 것이다. AWS console이나 Google console 이 매력적이여서 따라해보고 싶었다.

실제로 별 효용은 없다.

 

깃허브

현재는 깃헙 레포가 비공개인데 3월 중으로 배포된 버전을 내리고 레포를 public으로 전환할 예정이다~

 

 

Front

React, Typescript

Material-UI

AWS S3

 

Back

Node.js, Typescript

Serverless Framework

AWS API-Gateway & Lambda

 

EC2를 사용하지 않음으로써 편리한 스케일링이 가능하다.

 

메인 화면

실제로 구현된 서비스는 Account Setting 밖에 없음

 

어느 정도 반응형으로 구현되어있어 모바일에서는 이렇게 보인다.

 

 

로그인 / 회원가입 화면

 

 

잘못된 입력에 대한 UX는 이런 식이다.

 

 

account setting UI

시각적으로 크게 공들이지는 않았다.

 

우측 상단의 닉네임 클릭으로도 접근할 수 있다.

 

---

 

2021.03 중으로 배포된 버전을 내리고 Repo를 공개할 예정이다.