https://gomunity.shop/

HTML CSS 수정 및 추가기능

<div class="row row-cols-1 row-cols-md-4 g-4 cards">

버튼 고정 시키기
detail.html
- image 클릭 시, 새로운 탭에서 이미지 원본이 열림 (detail.js 17:20)
- // 이미지 클릭시 새로운탭에서 원본이미지 확인 let img = document.getElementsByTagName("img"); for (let x = 0; x < img.length; x++) { img.item(x).onclick = function () { window.open(this.src) }; }
- 게시글 추천 버튼 반복 클릭 시, 추천 게시글 반복 생성 되던 오류 1회 클릭 후 버튼 감춤 (detail.js 225)
- //추천 데이터를 생성하는 loadRecommends(question_id)함수에서 forEach가 끝난 후 실행 recommend_button.style.display = 'none';
main.html
- 질문 글(card)에 대한 각각의 댓글과 좋아요 갯수를 표현하여 하단에 표시함
  - main.js에 card를 자동 생성해줄 때, div를 추가하여 공간을 만든 후 length를 이용함(main.js 38:41)
  - const div_count = document.createElement("div"); div_count.setAttribute("class","count-list"); div_count.innerText = "댓글💬 "+ question.answer.length+"　　 좋아요💕"+ question.like.length; div_card_body.appendChild(div_count);
좌측 고정 게시판 탭 미구현된 게시판 공사중 표시