[TIL] 엘리스 SW 엔지니어 트랙 Day 044

📖 오늘 배운 내용 - 2021.12.23

• 반려 이야기 상세 내용 가져오기(제목, 작성자, 시간, 조회 수, 내용 등)
• 접근 제한자 기능 구현

 

📝 자바스크립트 빈 객체 확인

Object.keys(checkLogin).length === 0

 

📝 html 커스텀 속성 접근하기

<a href="#" class="comment__link hidden" data-comment-id="${comment._id}">답글쓰기</a>

const handleRePostComment = (isNotLogin) => {
  const reCommentLink = document.querySelectorAll(".comment__link");

  if (!isNotLogin) {
    reCommentLink.forEach((el) => {
      el.classList.remove("hidden");
      el.addEventListener("click", (e) => {
        e.preventDefault();
        console.log(e.target.dataset.commentId);
      });
    });
  }
};

 

💡 오늘 깨달은 것

• 어떻게 구현할지 생각하고 고민하다 보니 코딩하는 시간이 짧다. 그러다 보니 자기 전에 결과물을 봤을 때 상당히 적어 보인다. 경험이 많이 쌓이면 고민하고 생각하는 시간을 줄어들겠지?
• 마감이 며칠 안 남았다. 내일이면 원하는 기능의 90%를 달성할 수 있기를...!

 

📌 참고

• 데이터 속성 사용하기 - Web 개발 학습하기 | MDN