TIL : 기존 코드 읽다가 처음 보던 것들 관련 개념 정리

Perfume·2021년 1월 27일
0
post-custom-banner

1. input type =hidden

<input type=“hidden”>

위 코드는 사용자에게는 보이지 않는 숨겨진 입력 필드를 정의합니다.

숨겨진 입력 필드는 렌더링이 끝난 웹 페이지에서는 전혀 보이지 않으며, 페이지 콘텐츠 내에서 그것을 볼 수 있게 만드는 방법도 없습니다.

따라서 숨겨진 입력 필드는 폼 제출 시 사용자가 변경해서는 안 되는 데이터를 함께 보낼 때 유용하게 사용됩니다.

이러한 입력 필드는 업데이트 되어야 하는 데이터베이스의 레코드를 저장하거나, 고유한 보안 토큰 등을 서버로 보낼 때 주로 사용됩니다.

설명 참조: TCP school

상세 예시:

대부분 form전송을 할때 form태그 안에 hidden타입 input을 넣어 폼전송에 필요한 데이터를 담아 사용한다.

<form action="/login" type="post">

<input type="hidden" name="id" value="아이디" />

<input type="hidden" name="pwd" value="비번" />

</form>

라는 폼을 submit하게되면 /login으로 id값과 pwd값이 파라미터로 넘어가게 된다.

2.input readonly= "readonly"

input 태그의 readonly 속성은 input 요소의 입력 필드가 읽기 전용임을 명시합니다. 읽기 전용으로 설정된 입력 필드는 사용자가 수정할 수는 없지만, 해당 내용을 하이라이트하거나 복사할 수는 있습니다.

따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 입력 필드의 내용을 수정할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 readonly 속성값을 삭제하여 사용자가 입력 필드를 수정할 수 있도록 조절할 수 있습니다.

disabled 속성이 명시된 입력 필드의 값은 서버로 제출되지 않지만, readonly 속성이 명시된 입력 필드의 값은 서버로 제출됩니다.

readonly 속성은 불리언(boolean) 속성입니다. 불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.

설명 참조: TCP school

3. JSTL의 조건문

조건이 하나일 때는 c: if 사용하기 (==if문 단독)

<c: if test="조건">

조건일 때 실행할 내용

</c:if>

c: choose는 switch문처럼 여러 조건이 있을 때 사용 ( == if, else if 처럼 다중 사용)

<c:choose>
		<c:when test = "조건1">    //if
		조건 1일 때 실행
		</c:when>
		<c:when test "조건2">     //else if
		조건 2일 때 실행
		</c:when>
		<c:otherwise>            //else
		조건 1, 조건 2가 아닐 때 실행
		</c:otherwise>
</c:choose>

4. JSTL <c:forEach> Tag

forEach 태그란?

중첩된 본문 내용을 고정된 횟수만큼 또는 컬렉션에 반복하는 데 사용되는 반복 태그

이 태그는 자바 스크립트를 포함하는 동안, 스크립틀릿을 통해 또는 루프 용으로 사용하기에 좋은 대안으로

사용객체 컬렉션을 반복하므로 가장 일반적으로 사용.

  • forEach 태그는 배열, Collection 또는 Map에 저장되어 있는 값들을 순차적으로 처리할 때 사용한다.
  • java의 do-while 등을 대신해서 사용할 수 있다.
  • DB에서 리스트 등을 가져와 순차적으로 출력하는 등 기존의 forEach문과 동일한 역할을 수행한다.

보통 아래와 같이 활용한다.

<c: foreach items="${리스트가 받아올 배열 이름}"
			var = "for문 내부에서 사용할 변수"
			varStatus="상태용 변수">

	// 반복해서 표시할 내용 혹은 반복할 구문

</c: foreach>
profile
공부하는 즐거움
post-custom-banner

0개의 댓글