Git clone
Git add
Git commit
Git push
Git pull
의 활용법 정도만 배워 팀 프로젝트에서 서로 작성한 코드들을 공유할 수 있도록 하였다.본격적으로 미니프로젝트를 시작함. 개인 페이지를 만드는 것보다 메인 페이지를 만드는게 중요하다고 생각해 내가 맡은 백엔드 기능 구현을 시작하였다.
DB에 데이터를 저장하고 그 저장한 데이터를 홈페이지에 띄워줄 수 있는 코드를 작성하였다.
flask의 경로 디폴트 값은 static에 css, js 파일이 있어야 하는데 templates에 js파일을 만들어서 404(경로를 찾을수 없음) 에러가 떴다.
즉 static에 js, css 파일이 없으면 경로를 찾지 못해 에러가 발생함!!
정말 간단한 문제였지만 이것을 해결하는데 5시간 정도 걸렸다. 간단하면서도 어렵다고 생각한 게 튜터님도 30분 정도 해결하려고 도움을 주셨던 것 같다. 나같이 아무것도 모르는 비전공자는 이유 자체를 모르니 더 오랜 시간이 걸렸고, 생각보다 많은 시간을 투자했지만 그래도 해결한것에 만족한다.
python의 코드와 ajax, jquery 코드를 아직 이해하지 못했음.
구글링을 하면서 어떻게 해야하는지 검색해 보았지만 mongodb와 jquery, ajax를 같이 쓰는 코드를 찾아보기가 힘들었다.
아직 구글링을 잘 못해서 내가 못 찾은 것이라고 생각한다.
python의 코드와 ajax, jquery 코드를 아직 이해하지 못했음.
코드를 이해하는데 많은 시간이 들었다.
댓글 삭제기능을 추가하였는데, 맨 처음에 mongodb에서 데이터를 삭제하는 코드가 있는줄 몰랐다. 그래서 js로 삭제해야한다고 생각해서 구글링하는 방향이 완전히 틀어져 2시간 가량을 헤맸다. 그러던 중 api얘기가 나오면서 팀장님이 스파르타 웹개발 종합반에서 들었을 때 저장해두었던 코드를 공유해 주었다. 그 코드를 보고 db에서 삭제하면 되겠다고 생각했다. 그리고 코드를 활용하니 금방 삭제기능을 구현할 수 있었다.
개인페이지를 만들었고, 개인페이지들을 각 서버에 연결하고 배포하였다.
서버에 연결할 때 a태그에 제대로 된 링크를 입력하지 않아 NOT FOUND 에러가 떴다. 처음에는 링크 문제가 아니라 서버 연결에 문제가 있다고 생각해서 인스턴스 종료 후 재실행 하였는데, 메인페이지도 작동하지 않았다. 이유를 찾지 못해 처음부터 다시 서버 연결 후 배포하였더니 잘 작동하였다.
서버 연결과 배포를 어제도 하였으나, 다시 자료를 참고하게 되었고 블로그에 따로 정리를 해야겠다고 생각해서 지금부터 정리하겠다.
개인페이지를 만들 때 애니메이션 효과를 주고 소개 내용을 카드를 클릭하면 팝업창이 뜨도록 만들었다. 하지만 튜터님에게 애니메이션 효과를 왜 주었는지 혹평을 받았다... 그냥 귀여워서 넣은거였다.. ㅎㅎ
오전에는 팀원들끼리 미니프로젝트를 마무리하고 남은시간에는 각자 자습하는 시간을 가졌다. 나는 노마드코더 js 강의를 보았다.
오후에는 각 팀마다 프로젝트를 발표하는 시간을 가졌는데, 다른 팀들이 생각했던 것보다 엄청 잘했다. 초보자가 맞나 싶었다.. 기가 많이 죽었지만 그래도 열심히 해야겠다는 동기부여도 되는 시간이었다.