학교시간표.com의 변화과정 돌아보기

이 서비스의 시작은 고등학생 시절 학교에서 시간표나 급식을 찾으려고 검색했던 순간이였습니다. 

그 당시에도 관련 서비스는 많이 존재했지만, 모두 하나같이 비직관적이고 예쁘지도 않은 불편한 인터페이스를 가지고 있었습니다.

그나마 나은 서비스들은 모두 웹이 아닌 앱 형태로 존재해 따로 찾아 설치를 해야 하는 번거로움이 있었죠.

이 뿐만아니라 각종 뱅킹 앱에서 제공하는 서비스들도 뱅킹 앱에 접속해서 생체인증을 하고, 메뉴를 찾아 들어가서 급식을 확인해야 했었습니다.

...복잡하네요.

그 때 결심을 했습니다. 검색했을 때 가장 먼저 뜨는 직관적인 이름을 가지고, UI/UX 모두 완벽한 서비스를 만들자!

그렇게 해서 나온 이름이 학교시간표.com입니다. 정말 직관적이고 SEO 친화적이죠.

저는 웹에 관련해서는 문외한입니다. 개발 경력도 전혀 없고요.

초기에는 Google AI Studio를 이용해 React 기반의 웹앱으로 시작했습니다.

그 때는 React가 뭔지도 몰랐고, Next.js와의 차이점도 전혀 몰랐습니다.

기술적인 이야기는 나중에 다른 게시물로 다루도록 하겠습니다.

저희 사이트의 진화과정부터 확인하시죠.

정말 극 초기의 모습입니다. 지금과 전체적인 뼈대는 유사하지만 정말 못생겼네요.

심지어 나오는 시간표와 급식정보도 학교와 전혀 일치하지 않아 머리를 꽁꽁 싸맸던 기억이 있습니다.

이 이후 나온 버전의 모습입니다.

지금보다 훨씬 무겁고 장난스러운 UI를 보여줍니다. 그래도 지금과 정말 가까워졌네요.

정말 지금 보니 모든 곳에서 바이브 코딩의 냄새가 납니다.

이후 정돈과 눈물나는 '불필요한 디자인 도려내기'를 거친 후 지금의 모습을 가지게 되었습니다.

마지막으로 보여드릴 사진은 현재 개발중인 앱의 모습입니다.

개발 중의 모습이니 실제 출시 모습과는 거리가 있을 수 있습니다.

정말 깔끔해졌죠? 네이티브 앱인 만큼 애니메이션도 매우 부드럽습니다.

전체적인 UI와 UX는 동일하지만 여러 세부적인 트윅을 거쳐 앱만의 개성을 갖출 예정입니다.

 애니메이션은 웹과 다르게 앱만의 부드러움을 활용한 새로운 애니메이션을 적용했습니다.

이렇게 학시닷컴의 변화를 확인해 보았습니다.

다음에는 학교시간표.com의 기술적인 작동원리를 알아보도록 하겠습니다.

긴 글 읽어주셔서 감사합니다.