| 항목 | 설명 |
|---|---|
| 📘 정의 | 조건에 따라 실행 결과를 제어하는 제어문 |
| 🧩 기본형 | if (조건문) { 실행문; } |
| 💡 주의할 점 | - 조건문에는 true / false만 사용 가능 - 중괄호 {}를 반드시 작성할 것 - 조건문은 하나의 결과값만 반환 |
int score = 85;
if (score >= 90) {
System.out.println("A 등급");
} else if (score >= 80) {
System.out.println("B 등급");
} else {
System.out.println("C 등급");
}
💬 결과: 점수가 85이므로 "B 등급" 출력
| 번호 | 내용 | 배운 점 |
|---|---|---|
| 1️⃣ | JS에서 값을 가져올 때, userCode와 rcode를 정확히 구분해야 함 | 데이터 구조와 변수명 설계의 중요성 인식 ⚙️ |
| 2️⃣ | querySelector() 사용할 때, . (클래스) 또는 # (아이디) 를 꼭 명시해야 함 | DOM 선택자 문법 숙지 📚 |
| 3️⃣ | 쿼리스트링(query string) 을 활용하면 로그인된 것처럼 페이지를 구성할 수 있음 | 실제 서버가 없어도 유사한 로그인 효과 구현 가능 🌐 |
| 4️⃣ | 부트스트랩(Bootstrap) 을 프로젝트 초기부터 적용하면 개발 속도와 디자인 완성도가 올라감 | UI 프레임워크의 효율성 체감 🎨 |
// ❌ 잘못된 예시
document.querySelector("btn-login");
// ✅ 올바른 예시
document.querySelector(".btn-login"); // 클래스 선택자
document.querySelector("#btn-login"); // 아이디 선택자
⚠️
"."와"#"를 생략하면 요소를 찾을 수 없으며, undefined 에러 발생 가능!
// URL: login.html?user=홍길동
const params = new URLSearchParams(window.location.search);
const user = params.get("user");
document.querySelector("#welcome").innerText = `${user}님 환영합니다!`;
💡 결과: “홍길동님 환영합니다!”가 표시되어 로그인처럼 보이게 됨