
🔍반복문, 리스트 렌더링 Vue.js에서 반복문 렌더링으로 제공하는 디렉티브는 v-for 구문이다. 배열을 기반으로 리스트를 렌더링할 수 있다. v-for item in items 🔍예제 people로 데이터를 선언하고 각각 다른 name, age를 주고 싶을 때 아래와 같은 코드를 작성할 수 있으나, 여기서 더 많은 데이터가 추가될 경우 코드가 복잡해질 수 있다. 이런 경우 v-for 구문을 활용할 수 있다. 실행 결과 반복문에 사용될 태그에 v-for 구문을 삽입해 주면 된다. 실행해 보면 동일한 결과가 출력되고 있다. 그리고 v-for 구문에는 index값을 사용할 수 있다. index를 추가해 주면 아래와 같이 index가 붙어 출력되는 것을 확인할 수 있다. 💡공식문서를 살펴보면 2.2.0 이상..
커스텀 태그(Custom Tag) jsp의 목적은 자바 코드를 최소한으로 줄이기 위함! but, 액션 태그, 표현 언어 를 사용해도 조건식, 반복문 등은 커버할 수 없기 때문에 조건문, 반복문 등의 자바 코드를 제거하기 위해 사용 1. 커스텀 태그 종류 1)개발자가 만든 커스텀 태그 -스프링 프레임워크에서 미리 만들어서 제공 2)JSTL(JSP Standard Tag Library) -라이브러리 설치 필요 - 다운로드 링크 : https://tomcat.apache.org/download-taglibs.cgi 2. 표준 태그 라이브러리 -가장 많이 사용되는 태그를 표준화하여 라이브러리로 제공 -Core 태그 : 변수 선언, 조건문/반복문, URL 처리 -Formatting 태그 : 숫자,날짜,시간 포맷 ..