jquery 이클립스 실행

ajax() 함수 이용해서 페이지 전환 없이 서버에 요청

object 축약형 작성

<실제로 사용한 코드>

ex. {msg:msg}

키와 value 의 이름이 같을 때 , 축약형 사용

.ajax() 로 페이지 불러오기

• 눈에 익히기...
• url , method, data, success
  

  jquery 를 사용하면서 페이지 이동 없이 내용 불러오고 싶을 때 사용

final

JSTL

MVN 은 언제 사용하는가?

• 자주 사용하는 라이브러리가 자동으로 불러와져서 개발이 쉬워짐

공식링크
https://mvnrepository.com/

1. jstl 검색
   
2. jar 파일 다운로드
   https://mvnrepository.com/artifact/jakarta.servlet.jsp.jstl/jakarta.servlet.jsp.jstl-api/3.0.2

3. lib 폴더에 복붙

음,,,,일단 위에 생략하고 JSTl 라이브러리 다운받아서 lib 에 복붙
https://kimgura.site/student.html

El + JSTL

requestScope와 EL의 내용 참고
https://velog.io/@grh0916/19#2-2el

• 전체 흐름

  서버에서 request.setAttribute("list", list);로 requestScope(그릇)에 담기 ->
  JSTL(<c: forEach>)로 틀 잡고 EL(${})로 데이터 불러오기

JSTL 기본 설정

1. taglib 로 JSTL import 하기
2. 접두사(prefix)로 불러오기

<c:forEach>의 전체 흐름

1. 서버에서 request.setAttribute("키값",value)로 equestScope(그릇)에 담기
   = EL로 데이터를 추출하기 위해서 담았음
   

2. JSTL(<c: forEach>)로 틀 잡고 EL(${})로 데이터 불러오기
   

${requestScope.list}를 ${list}로 작성이 가능함

다양한 forEach varStatus

• index : 인덱스
• count : 순서
• first : 첫번째 값이 맞는가? (boolean)
• last : 마지막 값이 맞는가? (boolean)

<c:forEach>와 MemberDto

Dto의 get메소드 대신에 ${tmp.num}으로 작성 가능

<c:if>

• if로 조건에 따라서 html 요소를 보일게 할지 말지
  

프로젝트

git으로 작업하는 방법

1. fork
   

2. 브랜치를 새로 만들어서 작업 후 push
   

보완

1. taglib 로 snippets 등록하기

• prefix 를 c로 설정하기