폼태그5_개념_테이블문자열 ~ 폼태그6_종합_산업기사기출

폼태그5_개념_테이블문자열

---

폼태그5_개념01_회원테이블.html

---

폼태그5_개념02_회원테이블문자열.html

---

폼태그5_개념03_학생정보.html

폼태그5_개념03_학생정보.html

---

• ✅ 완전탐색이란?여기서는,
  • orderList에 있는 모든 주문(itemNum) 을
  • viewList의 모든 상품(itemNum) 에 전부 비교해보는 거죠.
  📌 즉,→ 전형적인 이중 반복문에 의한 완전탐색이에요.
• 모든 주문을 하나하나 돌면서 → 각각 상품이랑 일일이 비교해서 → 일치하면 개수 증가
• 가능한 모든 경우를 하나하나 전부 확인하는 방법이에요.

❓조건이 있어야 완전탐색인가요?

• 조건문(if)이 있어야만 완전탐색이 되는 건 아닙니다.
• 완전탐색이란 "모든 경우를 다 돌았다"는 구조를 말하는 거예요.

✔️ 대부분 조건도 같이 쓰이긴 해요. 왜냐하면:

"전부 다 비교해보고, 조건이 맞는 것만 실행"하기 때문이죠!

폼태그5_개념04_그룹바이_상품.html

폼태그5_개념04_그룹바이_상품.html

폼태그5_개념04_그룹바이_상품.html

---

폼태그5_개념05_회원정보.html

폼태그5_개념05_회원정보.html

---

폼태그5_개념06_문자열시간변환.html

---

폼태그5_문제_테이블문자열

---

• 🔁 전체 흐름 다시 정리
  1. 데이터를 배열로 저장 (jsonArr)
  2. 백틱으로 HTML 문자열을 만든다 (str)
  3. document.querySelector("#main")로 <div id="main">를 가져온다
  4. 그 요소의 .innerHTML을 만들어둔 문자열로 바꿔서, 화면에 HTML 테이블이 보이게 한다

🔶 백틱(``)을 쓰는 진짜 이유

백틱은 문자열을 더 쉽게 만들기 위해 사용하는 도구예요.
특히 HTML 같은 여러 줄로 되어 있고, 중간에 변수도 들어가야 하는 문자열을 만들 때 최고로 편리해요

🔧 비유해서 설명하면:

• 📦 str은 HTML이라는 상품을 담는 상자
• 🧰 백틱은 그 상자를 쉽게 포장할 수 있는 도구
• 📮 $main.innerHTML = str;는 그 상자를 #main이라는 화면 공간에 배달하는 과정

 

폼태그5_문제01_회원테이블문자열.html

---

• 음. 이해는 가는데. 안 보고는 풀 수 있는지는 모르겠네 

폼태그5_문제02_학생정보.html

---

• 첫번째 
  • 우선은 정답과 같이 나오기 위해. num과 name count만 나오도록 반복문을 돌린다. 
  • let viewList = [ ] ; 새로운 배열을 만들고 
  • let temp = { } ; //이거는 객체니까.
  • 이때 itemCount는 0으로 만든다. 

• 2번째 
• orderList를 기준으로 돈다. 
• itemNum이 같다면 itemCount를 숫자를 올린다. 

폼태그5_문제03_그룹바이_상품.html

---

폼태그5_문제04_회원정보.html

---

산업기사기출1_문제_골프장

---

골프장_강사매출현황_문제.html

골프장_강사매출현황_문제.html

---

• 내가 거의 풀음. 이제 할 줄 알어 

골프장_강사조회_문제.html

골프장_강사조회_문제.html

---