개인 사이드 프로젝트 배포까지 완료 후기

웹 개발자로써 회사에서 일하는 것도 즐겁지만(정말?!)

개인적으로 돈, 스펙, 서비스를 하나도 생각하지 않고 오로지 내가 만들고 싶은 것들을 재미로 만들고 싶은 욕심이 있었습니다. 그래서 시작한 "조토끼아케이드 프로젝트". 🐰  

 

제목처럼 재미와 즐거움만 존재하는 아케이드 컨셉입니다. 

우선 1차로 만든 서비스는 게임2개와 랜덤을 소재로한 서비스 1개 입니다. 

 

React로 개발을 할지, 그냥 javascript로 할지 고민이 많았는데, 아무리 생각해도 내가 생각하는 서비스들은 너무 단순한 것들이여서 react는 오버스펙이라는 결론을 내렸습니다. 혹여라도 추후 서비스가 커진다면, 리액트로 변경하면 되니깐요.

인단, 가볍게 시작해 보는걸로 했습니다.

 

 

1. 강건너기 게임

JOTOKKI"S ARCADE - 강건너기 게임

 

어렸을적 풀어봤을 그 유명한 강건너기 게임입니다. 옛날에는 종이를 찢어서 풀어봤던 게임이였는데, 이렇게 온라인으로 구현하니까 감회가 새로웠습니다. 

단 한번도 게임을 만들어본적이 없었기 때문에,비록 unity나 canvas 같은 거창한 기술을 사용한게 아니지만, 나름 게임처럼 보이기 위해 열심히 노력했습니다. ㅎㅎ 

 

 

2. 랜덤숫자맞추기

JOTOKKI"S ARCADE - 랜덤 숫자 맞추기

 

이것도 어렸을적 많이 했던 게임입니다. 사실 이 로직은 예전에 심심해서 만들어 뒀기때문에, 이미지를 비롯해 추가 작업만 덧붙였습니다. 

 

 

3. 마법소라에게 물어보세요

JOTOKKI"S ARCADE - 마법소라에게 물어보세요

 

마지막으로 마법소라에게 물어보기 서비스입니다.

스펀지밥을 너무 좋아하는데, 기억나는 에피소드중 마법소라 편을 오마쥬해서 만들었습니다. 

평소 결정장애도 심해서, 결정못하는 상황있을때 바로 결과를 정할 수있게 마법소라가 있으면 좋겠다는 생각에서 만들었습니다. 사진을 저장해서 공유할 수 있게끔, 이미지 저장 기능도 넣었습니다. 

 

이때 본의아니게 배운게 있다면, animation으로 display의 opacity를 조정할때, 이미지 저장시 opacity가 1이 되기전에 사진이 저장되더라구요...🤔 setTimeout도 추가해보고, flag 변수로 제어를 해보려고 했지만, 결국엔 그냥 opacity 를 제거했습니다. ㅠvㅠ 

 

---

 

이렇게 새로 만들어본 사이드프로젝트에 대헤 써보았는데요, 이후에도 도메인구매 후 연결, 배포후 도메인 연동, 구글 애드센스 붙이기 등등 아무 좋은 경험이였다고 생각합니다. 

이후 재밌는 아이디어가 생각나면 지속적으로 추가하려고 합니다~! 😏

 

궁금하시다면 방문에서 한번 놀아주세요~! : ) 

 

참고로, 애드센스 스크립트 한줄 넣었는데, 광고가 마구마구 붙더라구요.

아직 제어할 방법을 찾아보고 있는데, 추후 개선할 예정이니 다소 짜증나더라고 양해해 주세요.😥

 

사이트 구경해보기🐾: https://jotokkiplayground.com/