개발 🐾

📌모달창 열었을 때 뒤의 화면 고정하기모달창을 여는 클릭이벤트 함수에 적용하기 document.body.style.overflow = "hidden"; 모달창을 닫는 클릭이벤트 함수에 적용하기 document.body.style.overflow = "scroll";overflow 설명   📌 모달창 스크롤바 설정.modal-content { max-height: calc(100vh - 200px); overflow-y: auto;}.modal-content::-webkit-scrollbar { display: none;} 📍overflow-y: auto; : 모달 내부 컨텐츠가 주어진 공간을 넘어가는 경우 세로 스크롤바 생성하기스크롤바 커스텀 설명  참고 :CSS position 설명

구현 상황closest(), getAttribute()을 사용하여 영화 카드를 클릭하면 해당 id를 가져오도록 구현하였다. 그럼 이제 그 id를 갖고 뭘 해야하냐!알맞은 방식으로 변환하여 화면에 띄워야 한다. 제공된 과제 내용에 따르면영화 포스터영화 제목영화 내용평점북마크 추가 버튼으로 모달창을 구현해야 한다. 어제 걷기반에서 배운 find() 메서드를 이용해야 함을 튜터님께 전해들었다👂🏻  find() 메서드란?배열에서 조건에 맞는 하나의 내용(요소 혹은 객체)를 찾는 방법이다.배열 내의 요소가 단일 요소라면 조건과 동일한 요소가 그대로 출력이 되고배열 내 요소가 객체라면 조건에 부합한 요소를 갖고있는 객체가 객체 형태 그대로 출력된다. 📍find 작성법배열.find((배열내의_요소) => { r..

[ textContent / innerText / innerHTML ] 셋은 모두 타겟 요소의 컨텐츠를 가져오거나 설정하는 역할이다. 속성 비교textContent: 단순히 텍스트만 필요하거나, 숨겨진 텍스트까지 포함해야 하는 경우innerText: 사용자에게 보이는 텍스트만 필요할 때innerHTML: 요소 내부에 HTML 태그와 콘텐츠를 동적으로 추가하거나 수정할 때속성HTML 태그 포함 여부숨겨진 텍스트 포함 여부주 용도textContentXO태그를 제거한 순수 텍스트 가져오기innerTextXX화면에 보이는 텍스트 가져오기innerHTMLOOHTML 태그와 함께 가져오거나 수정하기  비교 예시See the Pen Untitled by 채채 (@tknbwzhf-the-looper) on CodeP..

주어진 문제배달팁 계산기 만들기버튼이 눌렸을 때 입력한 음식값에 따른 배달비를 출력해야 한다.  📍세팅 html  배달팁 검색! 결과: 원   문제 풀이 과정 📍생각한 로직1. 버튼 클릭 시 이벤트 주기   1-1. 클릭 시 계산기 결과값을 result에 나타내기2. 계산기 함수 실행하기   2-1. 음식값(foodpr.value)에 따라 배달비 거르기  📍구현한 코드const searchBtn = document.querySelector(".btn");const result = document.querySelector(".result");const foodpr = document.querySelector(".food-price");searchBtn.addEventListener("click", ..