[ Cigarette App ] 담배 어플리케이션?? 그게 무엇인가요?

최근 편의점 아르바이트를 시작하며 비흡연자 입장에선 담배 위치 외우는게 보통 일이 아니었습니다.

한국산 담배만 약 100개 가량이 되었기에 쌩으로 외우기에는 한계가 있다고 생각이 들었습니다.

(외국산 담배, 전자 담배 까지 한다면 200개는 그냥 넘을것 같네요..)

 

기본적으로 담배 종류를 알고 담배 이름을 알아야 외우기를 연습할수있는데 종류와 이름 조차 알지 못하여

담배를 랜덤으로 뽑아내서 그걸 보고 찾아내며 담배 이름을 외우기로 결정했습니다.

 

기본적으로 Vanilla JS가 아닌 React를 사용하기로 했습니다.

 

Cigarette Component를 만들고 그 밑 View 와 Option Component를 배치해두었습니다.

Option Component는 즉 옵션, 힌트 이미지 체크박스, 추가 할 담배 종류 체크박스 등을 두는 Component

이며,

View Component는 담배를 랜덤으로 돌릴수 있는 돌리기 버튼이 있고 그에 따라 담배가 랜덤으로 보이는 박스가 존재합니다.

v0.0.3

v1.0.0

이번에 v1.0.0 버전으로 릴리즈 하며 github.io 를 이용하여 배포하였습니다. 🎉

https://gangon0215.github.io/b04-simple-cigarette-app/

 

 

디자인은 그렇게 신경쓰지 않았습니다.

 

지금은 v1.2.0 까지 릴리즈 되었으며 릴리즈 정보는 다음 링크를 확인하시면 알수있습니다.

담배 어플리케이션 Releases

Releases · GangOn0215/b04-simple-cigarette-app

 

앞으로 계획은 React 에서 Router Page 처리와 Context 와 useReducer을 이용할것이고 CRUD를 사용하며 페이지로 나눠볼 예정입니다.