Ep 1. SSAFYing 회고록

안녕하세요! 오늘은 제가 프론트엔드 개발자로 참여했던 SSAFYing 프로젝트에 대해 회고해보려고 합니다

시간은 좀 지났지만 지금보다 더 지나면 기억이 가물가물해질 것 같아서,,

반년이 지난 지금 이렇게 회고를 하게 되었습니다.

 

프로젝트 기간 : 2024.01.02 ~ 2024.02.16 (약 7주)

 

 

 

싸피 10기 과정의 2학기 첫번째 프로젝트인 공통 프로젝트에서 웹 디자인 프로젝트를 진행했습니다.

큐레이팅과 SNS 기능을 겸하는 프로젝트를 해야했기 때문에 기획을 하는 데 어려움이 많았습니다.

팀원들과 사용자를 '우리 싸피생' 으로 하면 어떨까 하는 생각에서 기획을 시작하게 되었습니다.

싸피니티라는 싸피 수료생들을 위한 모임이 있지만 (동창회같은(?)), 뭔가 수료생과 교육생(현재 교육 받고 있는,,)을 이어줄 만한 다리가 없더라고요, 그래서 ✨싸핑!!! ✨ 을 기획하게 되었습니다

 

FrontEnd는 TypeScript와 React, Redux, Styled-components 로 개발했고, BackEnd는 Java와 SpringBoot, Data JPA를 활용해 개발했습니다. 

 

 

저희 ERD 입니다..ㅋㅋㅋㅋㅋㅋㅋㅋ

조금 많이 어마무시 하죠,,,? ㅜㅠ 첫 프로젝트라 규모에 대한 감이 없었어서,, 기획이 대빵만해졌기에 이런 사태가,,

 

아무튼 본론으로 들어가볼게요

본론 = 제가 개발한 기능 위주로 설명하겠습니다 :)

저희 일단 싸피생들만 사용하는 것이기 때문에 어떻게 싸피인 인증을 거칠 것이냐가 첫번째 관건이었습니다.

 

 

 

1. 싸피 인증

만약 우리 싸핑이,, 싸피의 공식 커뮤니티로 채택되었다면 그 교육생 개인정보를 DB에 저장해두고, 인증하는 방식으로 진행하려고 했습니다.. 그래서 더미데이터 뿐이라는 것.. 그래도 작동은 잘 된답니다..

좀 더 괜찮은 아이디어가 있었으면 하는 아쉬움이 남았습니다..

 

2. 피드 작성 

피드에 이미지업로드를 백엔드에서 개발하지 않고 프론트엔드에서 기능을 구현하기로 했는데요!

Firebase Cloud Storage에 이미지를 저장시키고 그 주소로 계속 불러올 수 있도록 구현했습니다.

처음엔 조금 불안정했지만, 계속해서 디버깅하니까 조금 안정적으로 업로드 되는 것을 확인할 수 있었구요

 

 

 

3. 식단표 OCR

식단표 사진을 첨부하면 Tesseract.js를 활용해 문자를 인식하는 기능을 구현하였습니다. 정확도가 다소 떨어질때도 있지만, 이건 추후에 디벨롭시켜볼 겁니다.. (과연)

 

사실 이 외에도 CRUD를 활용한 기능을 많이 담당했습니다.. CRUD 부분이 UI적으로 구성하기도 너무 힘들지만 그래도 첫 프로젝트에서 가장 수월하고 개발실력을 높이기 좋은 파트였다고 생각해요!

 

싸핑 프로젝트를 하면서, 기획의 중요성을 진짜 진짜 많이 깨달았습니다.

처음에 공통 프로젝트 시작할 때는 '개발자한테 무슨 기획을 맡기나..?' 하는 생각때문에 기획이 싫었어요,,

근데 프로젝트를 설계하고 개발할 수록 다시 기획서를 찾게되지 뭡니까,, ಥ_ಥ

그래서 기획을 탄탄히,, 무엇보다 Figma와 ERD를 완벽하게 만드는 것도 프로젝트의 성공요인이 된다는 것을 절실히 깨달았던 것 같아요

 

그리고 기획에 너무 욕심부리지 말것.. 하고 싶은 기능 다 때려박았던 프로젝트라서,, 싸피에서 하는 프로젝트 중에 싸핑만한 프로젝트 없겠다 싶었어요! 근데 하고 싶은 거 다해서 전날  밤까지 샐 정도라 후회는 없답니다요 ✌🏻✌🏻

비전공자로서의 첫 프로젝트는 분위기 미쳐버린 팀원들과의 협업이 다했다고 생각해요..ㅎㅎㅎㅎ 이런 팀원 다신 못만나!!!

또 서성수 컨설턴트님이랑 코치님들,, 너무 감사했씁니다.. 제 생애 첫 프로젝트 잊지 모태여 😃

 

그럼 이만,, (추가적으로 회고할 게 있으면 다시 찾아오겠습니다)

 

이 싸핑 프로젝트를 기점으로 이후에 더 많이 성장했으니까, 이후 프로젝트 회고록도 많이 봐주세요!!