[React] 이화여대 멋사 9기 전시 웹사이트 개발 회고 (22.01.09~22.02.21)

개발 배경

이화여대 멋쟁이 사자처럼 9기의 운영진을 하면서 해커톤도 진행해보고, 세션을 진행하면서 아기사자들에게 개발을 가르침과 동시에 아기사자들의 프로젝트를 도와주는 과정에서 아기사자들의 발전한 모습을 남겨두면 좋을 것 같다는 생각을 했다. 또, 웹 개발과는 거리가 멀었던 10명이 이제는 스스로 기획한 웹 사이트를 개인 프로젝트로 만들며 비전공자도 얼마든지 할 수 있다는 것을 보여주고 싶었기도 하다. 그리고 10기 모집에 앞서 온라인 전시를 기획한다면 멋쟁이 사자처럼이라는 동아리를 홍보할 수 있는 좋은 수단이 될 것이라고 생각했다.

위와 같은 3가지 이유로 3명의 운영진과 1명의 아기사자가 전시를 기획하고 디자인하고 개발하게 되었다.

 

사용 스택

리액트를 사용해서 모바일 웹으로 구현하기로 하였다. 백엔드를 따로 개발하지 않기로 하였는데 이유는 다음과 같았다.

1. 전시 관련 데이터가 DB를 사용해야 할 정도로 많지 않았다. (단 10개)

2. 서버에서 처리해야할 정도로 복잡한 기능은 없었다. (홈화면, 상세화면, 소개화면)

3. 소수의 인원이 백-프론트 2가지를 작업하는 것보다 프론트 하나에 집중하는게 더 안정적일 것 같다.

 

마음같아서는 타입스크립트도 쓰고자 했으나 기존에 자바스크립트만 사용해 본 인원이 절반 정도였기 때문에 React.js 만 사용했다.

 

깃허브 & 완성작

https://github.com/EWHA-LIKELION/9th-online-exhibition

GitHub - EWHA-LIKELION/9th-online-exhibition: 이화여대 멋쟁이 사자처럼 9기 전시

9th-online-exhibition.vercel.app/

멋사 9기 온라인 전시

 

소감

간단한 웹 페이지임에도 불구하고 화려한 이펙트나 디자인에 따른 구현 정도가 만족스럽지는 않았다. 이런저런 핑계를 대며 마감 기한을 정확하게 설정해두지 않아서였다. 이번 프로젝트를 진행하며 아무리 작은 프로젝트라고 한들 계획의 필요성에 대해 생각하게 됐다. 계획이 없고 마감 기한을 설정해두지 않으면 사람은 나태해지고 미루게 되기 마련이기에 충분한 시간이 있었음에도 불구하고 스스로 만족스럽지 못한 프로젝트가 됐다.

그래도 아기사자들의 결과물을 우리만 보는게 아니라 여러 사람에게 보여줄 수 있는 기회를 제공했다는 점에서 기획에서 만족도가 높았다. 이번 운영진 활동을 전시로 마치며 동아리 홍보와 아기사자의 성취감 모두 챙길 수 있었던 프로젝트였다. 끝!