☕ Java & 💻 팀프로젝트 복습 노트

---

🧠 [ Java - 반복문 (Loop) ]

항목	설명
📘 정의	조건이 true일 때, 코드 블록을 반복적으로 실행하는 제어문
🧩 기본 형태	for (초기값; 조건문; 증감식) { 실행문; }
🔢 초기값	반복에서 사용할 변수 선언 및 초기화 → 예: int i = 1;
⚖️ 조건문	반복 여부를 결정하는 조건식 → 예: i <= 10;
➕ 증감식	반복 변수 변경 → 예: i++
🧾 실행문	조건이 충족될 때 실행되는 코드

---

🔄 실행 순서

초기값 → 조건문 → 실행문 → 증감식 → (조건 true면 반복)

for (int i = 1; i <= 5; i++) {
    System.out.println(i);
}

💡 출력 결과: 1 2 3 4 5

---

🧱 중첩 반복문 (Nested Loop)

• 상위 for문 1회 반복마다, 하위 for문이 전체 반복된다.

for (int i = 1; i <= 3; i++) {
    for (int j = 1; j <= 2; j++) {
        System.out.println(i + " - " + j);
    }
}

🧮 실행 횟수: 3 × 2 = 6회

---

⚙️ 주요 제어 키워드

키워드	설명
break;	가장 가까운 반복문 즉시 종료
continue;	가장 가까운 반복문의 증감식으로 이동
return;	메소드 자체를 종료

---

♾️ 무한 루프 (Infinite Loop)

형태	예시 코드
for문 기반	for ( ; ; ) { ... }
while문 기반	while (true) { ... }

⚠️ 종료 조건이 없으면 프로그램이 무한히 실행되므로 break로 빠져나가야 함.

---

💻 [ 팀프로젝트 복습 및 구현 기능 ]

🔐 1️⃣ 비밀번호 보이기/숨기기 기능

항목	내용
🧩 문제상황	사용자가 입력한 비밀번호를 볼 수 있게 하는 방법을 몰라 구현에 어려움
💡 아이디어	<input> 태그의 type 속성을 password ↔ text로 변경
🧠 해결방법	자바스크립트에서 input.type 값을 조건문으로 변경하는 함수 구현

✅ 예시 코드

function togglePassword() {
    const pwInput = document.getElementById("password");
    pwInput.type = pwInput.type === "password" ? "text" : "password";
}

🪄 결과: 사용자가 클릭할 때마다 비밀번호 표시/숨기기가 전환됨!

---

🌐 2️⃣ 로그인 효과 구현 (쿼리스트링 활용)

항목	내용
🚧 문제상황	실제 로그인 기능(서버 연동)이 불가능한 환경
💡 대안	쿼리스트링(query string) 을 활용하여 로그인된 것처럼 연출
🔍 핵심 아이디어	?user=이름 형태로 전달된 값을 JS로 읽어 페이지에 표시

✅ 예시 코드

const urlParams = new URLSearchParams(window.location.search);
const userName = urlParams.get("user");
document.getElementById("welcome").innerText = `${userName}님 환영합니다!`;

💬 결과: 사용자가 로그인한 것처럼 이름이 페이지에 표시된다.

---

🪞 프로젝트를 통해 배운 점

번호	내용
1️⃣	작은 기능이라도 사용자 경험(UX) 을 고려하면 완성도가 높아진다.
2️⃣	단순한 UI보다, 기능이 “작동하는 느낌”을 주는 것이 중요하다.
3️⃣	문제를 해결할 때 “검색 + 실험 + 적용”의 3단계가 가장 효율적이었다.

---