[Django & JS] 투두리스트 (1)

 

대부분의 개발자 지망생들이 으레 그렇듯

나 역시

첫 프로젝트를 To-Do-List로 완성했다

​

어느정도 자바스크립트를 배웠다고 생각하고

호기롭게 시작했으나

프로젝트를 진행하면서 배운 것들이 훨씬 많았다고 단언할 수 있겠다.

​

​

백엔드 개발자로 일하시는 분을 대학교 지인을 통해 알게 돼서

투두리스트를 만드려면 도와줄테니 백이랑 연동해서 해보는게 어떻겠냐는 질문에

둘도없는 기회라 생각했고

바로 시작하게 됐다.

​

​

비동기통신으로 연결한 자바스크립트 To-Do-List

​

​

완성된 모습을 먼저 보이자면 위와 같다.

CRUD 기본기를 다지는데에 이만한 프로그램이 있을까 싶을 정도로

간소하지만 알차게 구성된 프로젝트다.

​

투두리스트를 만들면서 JS뿐만 아니라

​

 

CLI 사용법

서버통신에 대한 약간의 이해 등을

숙지하게 됐고 아주 큰 수확이라고 생각한다.

​

​

​

​

투두리스트를 만드는데 사용한 언어 및 프레임워크

그리고 통신방법은 다음과 같다

​

● HTML, CSS, JS

● Axios

● Django

​

여기서 HTML, CSS, JS는 필자가 맡았고

백단은 지인분께서 일방적으로 도와주셨다.

​

​

다음 페이지부터는

부끄러운 소스코드를 공유하며

Create, Delete, Update

순으로 진행과정을 설명하겠다.