여행떠나기 전 커피 한 잔 어떠세요?

1. 결과물 URL & 캡쳐 이미지

URL:https://jovial-curran-d8b8a3.netlify.app/

2. 자기소개

안녕하세요? 저는 초등학교 교사로 재직 중인 20대 청년입니다. 비록 직종은 다르지만 "내가 매일같이 사용하고 있는 웹을 내 마음대로 만들 수 있다?!?!?!" 라는 매력에 빠져 작년 5월 카카오클론 강의를 통해 코딩 공부를 본격적으로 시작하게 되었습니다. 퇴근 후 약속이 없으면 코딩강의를 들으며 혼자서 이것저것 만들어 보며 실력을 차근차근 키웠습니다.(물론 아직 코린이입니다)

코딩을 처음 시작 할 때 여러 강의를 찾아보면서 나에게 맞는 강의를 고민하고 또 고민을 하였습니다. 그러다가 아주 매력적인 니꼬형님을 만나게 되었고 지금까지 꾸준히 공부를 이어갈 수 있는 큰 원동력이 되었습니다. 그리고 퇴근 후 항상 무료하게 지냈던 저에게 코딩은 성취감과 뿌듯함을 주었습니다. 앞으로도 계속 니꼬형님 그리고 노마드코더와 함께 공부를 이어갈 생각입니다!

3. 서비스 소개

여행이라는 주제와 커피라는 주제를 섞어 이야기가 있는 심리테스트를 만들었습니다. 현재 저는 인스타클론 챌린지에 참여하고 있습니다. 인스타클론 코딩의 과제는 NomadCoffee를 주제로 진행이 됩니다. 과제를 진행하면서 이번 type-test 프로젝트 또한 NomadCoffee와 관련된 내용을 만든다면 과제에 큰 도움이 될 수 있지 않을까 싶어 주제를 "여행 + 커피"로 정했습니다.

심리 테스트는 여행의 계획, 진행에 관한 짧은 질문으로 이루어져 있습니다. 각각의 질문에는 2~4가지의 선택지가 등장하게 되고 하나를 선택하면 다음 질문으로 넘어갑니다. 10개의 질문이 끝나면 점수에 따른 커피를 추천받게 됩니다.

현재 노마드커피 심리 테스트는 MBTI와는 관계 없이 제가 임의로 점수에 따라 성격을 정했습니다. 그렇기 때문에 재미로 즐겨주셨으면 좋겠습니다. 이후에 충분한 개발 시간을 가져 근거에 따른 성격 분석을 통해 만들 생각입니다. 그때는 다른 주제로 다시 만들 수도 있을거 같네요.

4. 개발 과정 (어려웠던 점과 해결방법)

백엔드는 없고 react를 이용하여 프론트만 만들었습니다. 기획은 지난 일주일 정도 틈틈히 진행을 하였고 개발은 지난 토, 일 이틀간 진행하였습니다. 그리고 지금 월요일 퇴근 후 최종 마무리가 되었습니다. 물론 계속 보다보면 오류도 있고 오타도 있어 발견되면 고칠생각입니다.

개발 중 어려웠던 점은 심리테스트에 필요한 이미지를 미리 불러오는 거였습니다. 그러지 않을 경우 심리테스트의 질문을 다 읽고 선택까지 다 했음에도 이미지가 나타나지 않았습니다. 그래서 저는 홈화면에서 preloading를 진행하였고 이전보다 더욱 매끄럽게 이미지가 나타났습니다. 물론 이것이 좋은 방법인지는 더 공부를 해야겠습니다.

그리고 로직은 어떻게 금방금방 코딩을 하였지만, 디자인 같은 경우 어떤 색이 좋을까? 화면 구성은 어떻게 하면 좋을까? 하는 고민에 많은 시간을 투자한 거 같습니다. 최대한 깔끔하고 단순한 화면을 원했기 때문에 많은 고민을 하였던 거 같습니다.

5. 앞으로 계획

저희 학교 원어민 선생님께도 소개하기 위해 Korea/English 기능을 추가할 예정입니다. 그리고 앞으로 4주 남은 인스타클론코딩도 끝까지 포기하지 않고 쭉 이어나갈 생각이고요. 저의 최종 목표는 제가 교사이기 때문에 교사에게 필요한 웹, 앱은 무엇인지 항상 고민하고 그것을 구현하는 것입니다. 학생들 위한 웹, 앱도 마찬가지이고요. 실제로 지난 4월 말에 퀴즈 만들기 웹을 배포하였습니다. 물론 백엔드는 없지만 인스타클론 코딩을 마치면 7-8월에 백엔드를 추가할 생각입니다. 지금은 많이 부끄럽기 때문에 그때 다시 소개글을 올리겠습니다.

주의해야 할 점: 노마드커피 심리 테스트는 전혀 과학적으로 증명이 되어 있지 않기 때문에 '재미'로 즐겨 주시길 바랍니다.