8.10 토이프로젝트

스터디원들과 왕초보 5주차 강의를 다 듣고
남는 시간에 토이프로젝트를 해보자고 하여 시작하게 됐다.

팀원분들이 꽤 능력자분들이셔서 도움도 받으면서 만들고 있다.
나같은 사람 4명이었다면 시작도 못했겠지 싶다.

어느정도 페이지의 틀을 만들고나서는 기능을 구현하기 위해 역할을 맡게 됐는데
난 카드 리스트 조회(Read), 카드 등록(Create), 카드 수정(Update), 카드 삭제(Delete), 추천(좋아요) 구현을 맡게 되었다. +)날짜도 추가되었다!

일단 GET, POST 요청을 구현하기 위해
클라이언트와 서버의 연결을 확인하고자 콘솔을 찍었는데 계속 에러가 났다.
이유인 즉슨

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

이 ajax 사용을 위한 한줄짜리 코드를 넣어주지 않아서..

아무튼 다시 강의를 보면서 차근차근 하다보니 서버 연결까지 끝낼 수 있었다.

그리고 이번 프로젝트에서는 이왕이면 Jquery 사용을 줄이기로해서
Jquery에서 id와 그 값을 출력하는

$('#id').val()

을 사용하지 않고
자바스크립트에서

document.getElementById("id").value;

를 사용하였더니 값이 출력됨을 확인했다.

오타의 늪

			    {'_id':False} 와 {'_id:False'} 의 차이
                

1시간 가량을 GET 요청에서 헤맸다.
틀렸다고 생각되는 온갖 부분을 고쳐봐도 계속 콘솔창에선 에러가 났는데
구글링으로도 못찾겠어서 팀원분께 헬프를 요청했다.

원인을 못 찾다가 팀원분 개인 포폴의 서버 코드를 가져와서 내가 작성한 코드와 비교해보니
저 작은따옴표(') 하나를 찾아낼 수 있었다.
계속 구글링을 했지만 오타 하나 때문이었다는 것을 알고 좀 허탈했다. 내다버린 1시간
앞으로도 이런 일이 많을거라는 덕담(?)을 들으며 GET 요청을 마무리 했다. ㅋㅋㅋㅋㅋ
오타를 조심하자!