** 📌EL 기본 문법 완전 정복 – ${} 표현법**

---

✅ 목차

1. ${}란 무엇인가?
2. EL 표현 방식과 사용 위치
3. 기본 데이터 출력 예제
4. 객체 접근 (속성, 메서드)
5. 배열, 리스트, 맵 접근
6. EL의 자동 형변환
7. 기술면접 관점 핵심 정리
8. 요약 및 마무리

---

1️⃣ ${}란 무엇인가?

📘 EL(Expression Language)의 기본 구문.

${...} 안에 출력하고자 하는 값을 간결한 문법으로 표현합니다.

📌 예:

<!-- user.name을 출력 -->
<p>이름: ${user.name}</p>

🔍 EL은 getName() 같은 getter 메서드 호출을 자동으로 처리해 줍니다.

---

2️⃣ EL 표현 방식과 사용 위치

사용 위치	가능 여부	예시
HTML 내부	✅ 가능	<p>${user.name}</p>
JSTL 태그 속성	✅ 가능	<c:if test="${user != null}">
JS, CSS, 링크 등	⚠️ 가능하지만 따옴표 주의	<script>let id = "${user.id}";</script>

💡 주의: JS 코드 안에서는 ${}가 JS 템플릿 리터럴과 헷갈릴 수 있으므로 '${...}' 따옴표를 꼭 씌우세요.

---

3️⃣ 기본 데이터 출력 예제

<%-- 숫자 출력 --%>
<% request.setAttribute("num", 10); %>
<p>${num}</p> <!-- 출력: 10 -->

<%-- 문자열 출력 --%>
<% request.setAttribute("name", "Jane"); %>
<p>${name}</p> <!-- 출력: Jane -->

---

4️⃣ 객체 접근 (속성, getter 메서드)

<%-- User 객체를 setAttribute("user", user) 로 저장했다고 가정 --%>
<p>아이디: ${user.id}</p>
<p>이메일: ${user.email}</p>

🔑 EL은 자동으로 getId(), getEmail()을 호출해서 값을 가져옵니다.

---

5️⃣ 배열, 리스트, 맵 접근

🔸 배열 & 리스트 접근

<%-- String[] fruits = {"사과", "바나나", "딸기"} --%>
<% request.setAttribute("fruits", fruits); %>

<p>${fruits[0]}</p> <!-- 사과 -->

🔸 Map 접근

%-- Map<String, String> map = new HashMap<>(); map.put("key", "value"); --%>
<% request.setAttribute("map", map); %>

<p>${map.key}</p> <!-- value -->

💡 Map 접근 시 점(.)으로 key 접근 가능. 단, key에 특수문자가 있다면 []로 표현.

---

6️⃣ EL의 자동 형변환

상황	결과
숫자 "100" → 숫자 비교	자동 형변환
"true" → boolean 비교	자동 형변환
${param.age + 10}	문자열 “20”도 숫자로 변환되어 계산

📌 EL은 입력된 값을 자동으로 boolean, int, double 등으로 변환해 사용합니다.

---

7️⃣ 기술면접 대비 핵심 요약

질문	답변 요약
❓ ${}의 내부 동작 원리는?	getter 메서드를 자동 호출하여 값을 출력합니다. (${user.name} → user.getName())
❓ Map과 List는 어떻게 접근하나요?	List는 인덱스, Map은 key로 접근합니다. (${list[0]}, ${map.key})
❓ EL에서 값이 null일 경우 어떻게 되나요?	아무것도 출력되지 않습니다. 기본값을 출력하려면 <c:out> 사용
❓ EL의 가장 큰 장점은?	표현이 간결하고 유지보수가 쉬워지며, View 역할에 충실할 수 있음

---

8️⃣ 요약 정리

EL의 기본 문법은 ${}이며, JSP에서 데이터를 간단하게 출력하는 데 사용됩니다.

객체, 배열, 리스트, Map 접근이 가능하고, 자동으로 형변환도 지원합니다.

---

✅ 보너스 실전 예제 모음

<%-- DTO 예시: User 객체 --%>
<jsp:useBean id="user" class="model.User" scope="request" />
<%
  user.setId("hong");
  user.setEmail("hong@example.com");
%>

<p>아이디: ${user.id}</p>
<p>이메일: ${user.email}</p>