[2023-2 스터디] 두 달 간의 웹 스터디 미니프로젝트 회고록

 이전까지는 학교공부만 열심히해서 개발경험이 거의 없다고 봐도 무방할 정도의 실력이었다. 그래서 간단하게라도 웹개발을 해봐야겠다는 생각을 하고 있었다. TABA 프로그램에 들어가서 알게 된 친구들과 함께 간단한 웹개발 프로젝트를 해보면 어떨까 하여 추가적으로 팀원을 모집하였다.

 

타바 단톡에서 스터디원 구하기..

 

 

 총 6명의 팀원을 꾸려 스터디를 시작했다. 2023.09.26 부터 2023.11.23 까지 약 두 달 동안 진행되었다. 프론트엔드팀과 백엔드팀으로 나누어졌고 프론트엔드팀은 React 프레임워크를, 백엔드팀은 Django 프레임워크를 공부하였다. 나는 백엔드팀으로 Django를 공부했다.

 

 시험기간을 제외한 매주 화요일, TABA 수업이 끝난 후에 남아서 한시간동안 스터디를 진행했다. 최종 목표는 하나의 프로젝트 주제를 정해서 백엔드와 프론트엔드의 연동까지 마치는 것!

 아무래도 사이드 프로젝트이다 보니 간단한 프로젝트를 진행하는 것이 좋을 것 같아 어떤 것이 좋을까 회의를 한 결과, <ToDoList 웹사이트> 를 만들어보자! 라는 주제가 정해졌다.

 한 달 간의 Django 프레임워크 학습 - 생활코딩 강의 수강

 

노션에 Django 공부 내용 정리

 

Django | Notion

 

 

 

 스터디 시작 후, 한 달 동안 장고 프레임워크에 대해 학습하는 시간을 가졌다. 생활코딩 Django 유튜브 강의와 Do it 점프 투 장고 책을 보며 CRUD 구현에 대해 학습했다. 그리고 학습한 내용을 노션에 정리하며 공부한 내용을 복기했다.

 개발 환경 설정 등 혼자하면서 막히는 부분이 생길 때, 스터디원들에게 물어보고 함께 해결하니 훨씬 수월했다 ✨

 

 

ToDoList 웹사이트 만들기 - 프론트엔드와 백엔드 서버 연동

Django 프레임워크가 클라이언트 부분과 서버부분을 모두 쉽게 만들 수 있다는 장점이 있는 프레임워크여서 장고를 공부할 때에 클라이언트 부분을 장고에서 작성하는 형식으로 공부를 했다. 다들 개발이 처음이다보니 Rest Framework를 이용한 API  통신이라던지 서버와 클라이언트의 통신을 어떻게 연결해야 할 지 몰랐다. 그래서 리액트와 장고를 연동하는 데에 가장 많은 시간을 쏟은 것 같다. 정말 많은 자료를 찾아보고 따라해보았던 것 같다. 

 

 우선 로컬에서 리액트코드와 백엔드코드를 모두 가져와 실행시킨 후 연동하는 것을 해보았다. 결과는 성공!

GitHub - rlacodls3109/ToDoList: TABA 4기 웹스터디 미니프로젝트 ToDo List 만들기

 

 TABA에서 AWS 서버 비용을 지원해주었기 때문에 백엔드와 프론트엔드 코드를 서버에 올려 연동하는 것 까지 성공하였다. 지금은 서버가 내려가서 깃허브에는 로컬에서 한 내용으로 깃허브에 정리했다.

 

성과 및 느낀점

 스터디를 열심히 했으니 학교에서 하는 스터디 공모전에 내용을 정리하여 출품하였다. 

결과는.. 바로바로 최우수상!! 

 

 열심히 공부했던 노력을 인정받는 것 같아 정말 기뻤다!! 혼자서 하는 공부보다 다 함께하는 공부가 얼마나 능률이 오르고 도움이 되는 지 알게되는 뜻깊은 시간이었다.

 

 그리고 이번 웹개발 프로젝트를 통해 그냥 알고리즘 코드만 짜던 프로그래밍 언어를 어떻게 하면 웹앱서비스에 활용할 수 있는 지 알게되어서 너무 좋았다. 프론트엔드와 백엔드가 실제로 통신하는 걸 눈으로 확인하니 정말 신기했다. 앞으로 어떻게 공부해야할 지 감이 잡힌다.

 

 스터디가 끝난 지 조금 지난 지금, 스터디를 통한 웹개발 첫 경험이 정말 좋은 시작이었다는 생각이 든다. 이 때 공부했던 내용이 머릿속에 있어서 지금 스프링부트 프레임워크를 공부하고 개발할 때에 조금은 더 수월하게 할 수 있게 된 것 같다. 

 

 다른언어보다 파이썬을 활용하여 공부를 주로 해왔기 때문에 장고 프레임워크를 사용하는 것이 다른 것 보다 훨씬 간편한 것 같다. 특히 파이썬은 라이브러리들이 잘되어있기 때문에 잘 활용할 수 있을 것이라 생각한다. 특히, 클라이언트 부분을 만들 때에 다른 프레임워크를 꼭 사용할 필요 없이 장고만으로도 구현이 가능하니 혼자서 공부할 때에 여러가지 다른 프로그램을 만들어 볼 수 있을 것 같다.