🧩 코드 정리 노트

🗺️ Map

항목	설명
정의	Map은 key와 value가 한 쌍으로 구성된 자료구조이다.
특징	키를 통해 값에 접근하며, 키는 중복될 수 없다.
구조 예시	{ "id": 1, "name": "홍길동" }

💡 요약: "키와 값이 모여있는 구조"라고 기억하면 쉽다!

---

🔐 로그인 상태에 따른 동적 처리

상황	구현 포인트
로그인 상태	특정 버튼, 기능, 메시지 등이 표시됨
비로그인 상태	제한된 기능 또는 로그인 유도 메시지 표시

• 핵심 개념:
  로그인 여부에 따라 UI 요소를 동적으로 제어해야 함.
• 팁:
  로그인 상태를 전역 변수(Global Variable) 로 관리하면, 페이지 전환 시에도 상태를 유지하기 용이함.

---

🌐 JS와 HttpSession

항목	설명
문제점	JavaScript에서는 HttpSession을 직접적으로 사용할 수 없음.
해결 방법	쿼리스트링(Query String)을 활용해 로그인 상태나 사용자 정보를 전달.

🔗 예시:
example.com/main?userId=abc123&isLogin=true

---

⚙️ select 마크업 초기값 설정

항목	설명
목적	<select> 태그의 초기 표시값을 변경
방법	JavaScript에서 .value 속성을 사용

📘 예시:

<select id="language">
  <option value="ko">한국어</option>
  <option value="en">English</option>
</select>

<script>
  document.getElementById('language').value = 'en';
</script>

---

📝 Summernote (썸머노트) 기존 값 넣기

항목	설명
문제 상황	기존 입력값을 에디터에 다시 표시하고 싶을 때
해결 방법	브라우저 개발자도구(F12)로 입력 박스의 요소 확인 후, innerHTML 또는 value 활용

⚠️ 주의:

• innerHTML → HTML 태그 포함 내용
• value → 순수 텍스트 값

두 속성의 차이를 명확히 구분해야 한다.

---