본문 바로가기
스타트업 도전기

스타트업 도전기 - Small project 02

by jisungStory 2022. 10. 4.
반응형

Photo by Alexander Grey on Unsplash

 

스타트업 도전기 

Small project 02

 

 숟가락으로 땅파기 

 오늘 프로젝트를 하면서 떠오른 문장입니다. 꽤 오래전 영화 중에 '쇼생크 탈출'이라는 영화가 있었습니다. 그 영화에서 주인공은 억울하게 옥살이를 하고 있는 분이었습니다. 그래도 성실하게 생활하다 보면 언젠가 그 시간이 끝나리라 생각했지만 그 희망이 사라 졌을 때 그분은 숟가락으로 감옥의 벽을 긁어내기 시작했습니다. 단단한 콘크리트 벽을 매일 성실하게 긁어내는 모습은 다른 탈옥 영화들처럼 스펙터클 한 것은 아니었지만 한 인간의 의지가 어디까지 강해 질 수 있는 가를 보여 주는 같았습니다.

https://ko.wikipedia.org/wiki/%EC%87%BC%EC%83%9D%ED%81%AC_%ED%83%88%EC%B6%9C

 

쇼생크 탈출 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. 《쇼생크 탈출》(영어: The Shawshank Redemption)은 1994년 개봉한 미국의 극영화로, 스티븐 킹의 중편 소설〈리타 헤이워드와 쇼생크 탈출〉을 각색한 것이다. 프랭크

ko.wikipedia.org

 

사업을 하는것도 이와 같다고 생각합니다. 매일매일 작은 프로젝트를 만드는 작업을 하면서 이 작업이 지금 당장 무언가 큰 변화를 일을 킬 거라고 생각하지는 않습니다. 그저 매일매일 꾸준히 세상을 향해서 나아가다 보면 언젠가는 이 작을 결과 물들이 의미 있는 성과를 낼 거라고 믿습니다. 

 오늘 만들어 본 것은 풀스택 투두 리스트입니다. 튜토리얼은 유튜브 채널을 참고해서 만들었습니다. 이 튜토리얼을 통해서 백엔드와 프런트 엔드가 어떻게 소통하는지 배울 수 있었습니다. 처음 코딩을 공부 하기 시작했을 때는 모바일 앱 만을 생각하고 시작했습니다. 하지만 공부를 지속할수록 앱 자채의 기능 만으로는 원하는 서비스를 구현하기 힘들다는 것을 점점 깨닫게 되었습니다. 물론 최근에는 다양한 라이브러리들이 개발되어 있어 제가 시작했던 시점 과는 다른 환경이 되었습니다. 하지만 여전히 앱 마켓의 순위를 보면 백엔드 서버와 소통하는 앱들이 높은 순위를 찾지 하고 있습니다. 네트워크의 역량을 활용하지 않는 서비스는 그만큼 생명력에 한계를 지니고 있는 것입니다. 

 그것을 깨닫고 나서 부터 백엔드 기술에 대한 공부를 시작했습니다.  여러 기술들을 검토 한 끝에 파이썬을 기반으로 하는 DJango라는 프레임 워크를 선택하게 되었습니다. 그리고 프런트 엔드는 프레임 워크 없이 진행하려 했지만 결국 한계를 느끼고 공부를 시작하 React JS를 최종 적으로 선택하게 되었습니다. 프레임 워크를 선택한다고 해서 일이 끝나는 것이 아니었습니다. 만든 서비스를 배포하기 위해서는 서버에 대한 지식도 갖추고 있어야 했습니다. 결국 뒤늦게 관련 자료들을 공부하느라 또 시간을 할애해야 했습니다. 혼자서 배포하기 위해 좌충우돌하다 보니 시간도 많이 소요되고 지치기도 했지만 그 과정을 통해 많은 것을 배울 수 있었습니다. 

 최근의 서비스 개발 트랜드는 4명에서 5명 정도가 팀이 되어 제작하는 것입니다. 기획자, 디자이너, 프런트엔드, 백앤드로 역할을 나누어 진행합니다. 각각의 과정이 전문화되어 있고 다양한 기술들이 혼합되어 있기 때문입니다. 개발 기간을 단축하고 실수를 줄이기 위해서는 그 정도 팀이 움직이는 것이 효율적일  것으로 생각됩니다. 하지만 그 정도의 인원을 확보할 수 없는 경우가 더 많습니다. 저같이 단독으로 개발을 진행하거나 주변에 개발인력이 없는 경우에는 더욱 그렇습니다. 일인 개발자로 서 감수해야 하는 부분입니다. 그렇다고 서비스의 안정성을 포기할 수는 없기에 더욱 공부에 매진할 수밖에 없는 것 같습니다. 

백엔드 깃허브 주소

https://github.com/jisungs/back_end_todo.git

 

GitHub - jisungs/back_end_todo: backP_end_todo

backP_end_todo. Contribute to jisungs/back_end_todo development by creating an account on GitHub.

github.com

 

프론트엔드 깃허브 주소

https://github.com/jisungs/frontend_todos.git

 

GitHub - jisungs/frontend_todos: frontend_todos

frontend_todos. Contribute to jisungs/frontend_todos development by creating an account on GitHub.

github.com

백엔드 서버 실행

작성된 코드를 실행하기 위해 백엔드 서버를 실행합니다. 

실행화면

백엔드 서버를 실행한 화면입니다. 장고의 템플릿 설정 없이 rest frame work 만 설정했기 때문에 api 화면만 보입니다.

 

프론트 엔드인 리액트 서버를 활성화 합니다.

리액트를 실행합니다. 

 

실행화면 입니다.

부트스트랩을 기본으로 해서 작성해서 꽤나 간단한 디자인입니다.

테스트 화면

간단한 문장을 추가해 보겠습니다.

추가된 화면

성공적으로 추가된 화면입니다.

콘솔화면

콘솔에도 성공적으로 연결된 것으로 확인됩니다.

 

 이번 프로젝트를 진행하면서 어떤 부분이 저에게 제일 부족한지 알 수 있는 기회였습니다. 그동안 백엔드 프로젝트 연구만 했었는데 프런트 엔드도 백엔드를 공부 한만큼 더 공부가 필요 한 분야였습니다. 장고에서 제공해주는 템플릿으로 진행하려고 했습니다. 하지만 pure  html로 프로젝트를 진행할 경우 필연적인 문제에 부딪히게 된다는 것을 깨닫게 되었습니다. 다음 글에 소개할 인스타그램 클론에서는 리액트를 적용하지 않고 제작을 했습니다. 그런 경우에 작동하는 데는 문제가 없었지만 '좋아요' 버튼을 클릭하는 경우 해당 컴포넌트만 업데이트되는 것이 아니라 페이지 전체가 업데이트됩니다. 저 혼자 사용하는 경우에는 별 문제가 없겠지만 만약 사용자가 늘어난다면 서버에 과부하가 걸리게 되고 다양한 오류의 원인이 될 수 있습니다. 

 문제가 예상되지만 그렇다고 공부만 할 수는 없습니다. 지금 하고 있는 AWS와 DOCKER에 대한 공부가 어느 정도 마무리되면 배포하는 내용도 정리해서 블로그에 올리도록 하겠습니다. 투두 리스트도 로그인 기능 등을 추가 해서 배포 하는 방향으로 기능을 개발해 보겠습니다. 

 

참고 자료 

유튜브

https://www.youtube.com/watch?v=OSYAjTG46EI&list=PL1zvy5nAK7rVNPTkQLVNuVDjWCSvUuHhH&index=23&t=1139s 

사용 프레임워크

https://reactjs.org/

 

React – A JavaScript library for building user interfaces

A JavaScript library for building user interfaces

reactjs.org

https://www.djangoproject.com/

 

The web framework for perfectionists with deadlines | Django

Django Django makes it easier to build better web apps more quickly and with less code. Get started with Django

www.djangoproject.com

2022.09.29 - [스타트업 도전기/Level 0] - 스타트업 도전기 - Small project 01

 

스타트업 도전기 - Small project 01

스타트업 도전기 Small Project 01   도전은 실패를 수반합니다. 무언가 새로운 일을 시작한다는 것은 곧 실패를 각오해야 합니다.  너무나 명백한 사실이라서 글로 옮기는 것이 낭비

jisungs.tistory.com

2022.08.22 - [스타트업 도전기/Level0] - 스타트업 도전기 - 콘셉트 고민하기

 

스타트업 도전기 - 컨셉고민하기

스타트업 도전기 콘셉트 고민하기  무언가를 시작한다는 것은 매우 어려운 일입니다.  지금 움직이고 있는 많은 것들은 많은 시간과 많은 사람들의 노력과 시행착오를 통해서 만들어진 것들

jisungs.tistory.com

2022.08.09 - [스타트업 도전기/Level 0] - 스타트업 도전기 - 사업계획서작성 No.2

 

스타트업 도전기 - 사업계획서작성 No.2

사업계획서 작성 No.2 psst에 대한 이해  모든 일은 처음 접하면 낯섦 을 극복해야 합니다. 코딩을 처음 시작할 때도 낯선 용어들을 이해하기 위해 꽤나 긴 시간이 필요했습니다. 그렇게 몇 년을

jisungs.tistory.com

2022.08.08 - [스타트업 도전기/Level0] - 스타트업 도전기 - 사업계획서 작성 No.1

 

스타트업 도전기 - 사업계획서 작성 No.1

스타트업 도전기 사업계획서 작성하기  정부 사업 지원을 받기 위해서는 사업계획서가 필요합니다. 말로만 그런게 있다는 것을 알고는 있었지만 어떻게 써야 하는지는 전혀 모르고 있었습니다

jisungs.tistory.com

 

반응형

댓글