11월 6일 공부일지

오늘 공부에 투자한 순수한 시간:  2시간

학습한 개념 JS

1.구역마다 보이는 카드 세기
현재는 해당되지 않아도 카드의 제목이 나옴 
예를들어 서울에서만 내용이있고 인천은 해당이안되어도 인천하고 밑줄이 보여짐
그부분을 가리기위해서 먼저 보이는 카드 세기를 해야됨

section.querySelectorAll() document(문서전체)가 아니라 이 section 안에서만 찾아라.
count++  count값에 1더하기 (0부터 시작한다. 0이면 구역을 숨기기, 그리고 없어요 문구나오게 )

2.카드가 0개인 구역 숨기기

0개면 구역 숨기기
1개이상이면 구역보이기

3.개념정리
상수 const - 값을 담는 상자 (바꿀수 없음)  cards,regionBox 등
변수 let - 값을 담는 상자 (바꿀 수 있음) total,count
조건문 if/else -만약 ~면 이거, 아니면 저거  카드보이기/숨기기, 구역, 문구 등
비교연결 기호 -  ===같다, ||또는, &&그리고, !아니다
반복문 forEach - 묶음에서 하나씩 꺼내 같은 일 반복
함수 function - 할 일을 하나로 묶고 이름 붙이기 filterCards.
이벤트 addEventListener - 사용자 행동에 귀달기

함수 종류 2가지 사용함
이름있는 함수 function filterCards()  { } 여러 곳에서 부르려고 여러번가능
이름 없는 함수 function (card) forEach에 바로 맡길때 여러번 가능하나 한곳만 부를 수있음

console. log(section.id, count);

4.결과없음 문구 만들기
이부분은 html로 만들기
<p id=“no-result”>조건에 맞는 식당이 없어요</P>

처음에는 css로 숨겨두기
#no-result {
       display: none;
}

여기서 #은 id 선택자. js와 짝을 이룸


AI 대화 내역 링크:

(링크 생성 방법)

클로드: https://claude.ai/share/a195690f-4515-4811-b68d-ea8672415f53

오늘 잘한 점: 어제 다 이해했다했는데 아닌가봅니당 그래서 개념정리 하고 넘어갔습니다.

오늘 부족했던 점: 제가 멘토님께 어제 또 주도권이 뺏긴것 같다 하는 이유를 알 것 같아요. js가 뒷부분은 입력하고 용어를 정리하고 이해해야하고 하다보니 오류나면 복사해서 붙여넣어서 클로드한테 봐달라고 하고 그랫는데 그런과정에서 좀 그런 걱정이 생겼던것같아요.. 꼬리질문을 좀더 많이 하도록 하겠습니다!!!!ㅠㅠ

오늘 총평: 일지에는 내용이 짧지만 주로 마무리 하는 js 코드를 입력하고 오류오타 있는부분확인하고 전날에 공부했던 용어들에서 조금씩 파생되는? 비슷한 코드들이었습니다. 좀더 이해하려고 노력했습니다
어제 못올려서 오늘 같이 올렸습니다.🙏🏻