마지노선

튜터님과 미팅에서 아직 이슈가 많이 남았다는 얘기를 들었다. 우리팀도 어느정도 마무리가 필요하다고 생각하다고 생각하고 있어서, 굳이 필요하지 않은 기능에 대한 이슈는 삭제하고 필요한 기능만 평일동안 마무리 짓자는 결론이 나왔다. 이슈가 많을 때는 마음에 큰 돌을 얹은것 마냥 불편했는데 불필요한 이슈를 삭제하고 보니 어느정도 프로젝트가 마무리하는게 가시적으로 보여서 마음이 조금은 편해졌다.👍

✔오늘한 일

• 프로젝트
  • 레시피 필터 기능 완성
  • 튜터님과 미팅
  • 메인페이지 베스트 레시피 출력 기능 추가

메인페이지 베스트 레시피를 출력하는 작업을 진행하는 중에 body태그 안에 좋아요 수를 볼 수 있게 span태그에 자바스크립트 함수 출력값을 저장해야하는 상황이 발생했다.

<span id="ecipe-like-{{ recipe.RECIPE_ID }}"></span>

// 좋아요 수 출력을 위해 아래와 같은 JQUERY를 출력해야한다.
$('#recipe-like-{{ recipe.RECIPE_ID }}').text(num2str({{ recipe.LIKES_COUNT }}))

이때, jinja2를 이용해서 카드를 출력하려다보니 서버로부터 넘어오는 값이 아니였기 때문에 자바스크립트에서 사용하는 JQUERY를 BODY태그에서는 사용할 수는 없었다.
이 부분을 팀장님께 여쭤보니 다음과 같은 해답을 알려주셨다.

<span id="ecipe-like-{{ recipe.RECIPE_ID }}">
 <script type="text/javascript">
   $('#recipe-like-{{ recipe.RECIPE_ID }}').text(num2str({{ recipe.LIKES_COUNT }}))
 </script>
</span>

위 코드와 같이 스크립트 태그로 묶으면 body태그 안에서도 jquery를 사용할 수 있다.
방법을 알려준 팀장님 덕분에 끙끙대던 부분을 해결해주셔서 너무 감사했다😊😊

✔생각 정리

메인페이지를 어떻게 구성할까 고민중이였는데, 내가 생각한대로 구성하게 되면 너무 많은 부분이 바뀌게 되어서 다른 페이지와 연동하는데 문제가 발생하지 않을까 고민이 든다. 이 부분을 내일 마저 작업해보면서 괜찮을지 다시 한번 생각해보고 팀원들에게 의견을 물어봐야겠다.

• 재료 선택 시 레시피 바로 출력
• 이후 조건 선택해서 추천 레시피를 거르는 방식
  • 이렇게 했을 때 발생할 수 있는 문제
  1. 이미 레시피 가져오는 시간을 최소화 해놨는데, 이런식으로 다시 구성하면 웹페이지 자체가 무거워질 염려가 있다.
  2. 기존 만들어져있는 서버 API를 건드리는거다보니 이미 만들어논 기능에서 많은 문제가 발생할 것으로 생각이 든다.