분류 전체보기 114

체크박스 클릭시 데이터노출 처리 두번째방법

데이터를 이미 JSP로 가져온 상태에서 AJAX 없이 JSP와 JavaScript만으로 체크박스를 여러 번 클릭해도 동작하는 형태를 구현할 수 있습니다. 여기서는 서버에서 데이터를 가져온 후, 클라이언트 측에서 JavaScript를 이용해 DOM 조작만으로 숫자가 0인 항목을 필터링하는 방법을 구현JSP구성아래 코드는 데이터를 렌더링할 때 서버에서 가져온 전체 데이터를 ul 안에 출력합니다. JavaScript를 사용해 필터링 기능을 구현 Item List Show only items with non-zero numbers ${item.name} (${item.number}) 전체정리..

Spring 2024.11.29

페이징 처리 내용 2

페이지 처리 내용설명UserMapper: MyBatis 매퍼 인터페이스에서는 ROWNUM을 사용하여 특정 범위의 데이터를 가져오는 메서드를 정의합니다.UserService: Service 클래스에서는 페이지 번호와 페이지 크기를 이용하여 시작 번호와 끝 번호를 계산하여 MyBatis 매퍼를 호출합니다.UserController: 컨트롤러에서는 요청된 페이지 번호에 따라 데이터를 조회하고, JSP에 전달할 데이터를 설정합니다.user-list.jsp: 받은 데이터를 테이블로 표시하고, 데이터가 없을 경우 "데이터가 없습니다." 메시지를 출력합니다. 이전 페이지와 다음 페이지를 제어하는 링크를 생성하여 사용자가 페이지를 이동할 수 있습니다.이 방법을 사용하면 전체 데이터의 개수를 구하지 않고도 간단히 페이지..

JAVA 2024.06.16

페이징 처리 내용

설명UserMapper: MyBatis의 매퍼 인터페이스에서 OFFSET과 FETCH 또는 ROWNUM을 사용하여 페이징 쿼리를 정의합니다.UserService: 페이지 번호와 페이지 크기를 받아서 MyBatis 매퍼를 호출하여 페이징된 데이터를 가져옵니다.UserController: 요청된 페이지에 따라 데이터를 조회하고, JSP에 전달할 데이터를 설정합니다.user-list.jsp: 받은 데이터를 테이블로 표시하고, 데이터가 없을 경우 알림창을 띄웁니다. 이전 페이지와 다음 페이지를 제어하는 링크를 생성합니다. 다음 페이지가 없는 경우에는 다음 버튼이 나타나지 않습니다.이 방법은 MyBatis의 기능을 최대한 활용하여 데이터베이스에서 효율적으로 페이징된 데이터를 가져오는 방법입니다. SQL 쿼리에서 ..

JAVA 2024.06.16

[Flutter] Flutter 공부 tip 및 공식문서

[Flutter] Flutter 공부 tip 및 공식문서 전체적인 이해: 먼저 플러터의 기본 개념과 구성 요소에 대한 전반적인 이해를 위해 공식 문서의 "Get Started" 섹션부터 시작하세요. 이 섹션은 플러터를 처음 접하는 사람들에게 매우 유용합니다. Widget 카탈로그: 플러터는 다양한 위젯을 제공하며, 각 위젯은 특정 기능을 수행합니다. 플러터 공식 문서의 "Widget" 섹션에서 위젯 카탈로그를 확인하여 사용 가능한 모든 위젯과 각각의 기능을 알아보세요. 예제와 샘플 코드: 공식 문서에는 각 위젯에 대한 예제와 샘플 코드가 포함되어 있습니다. 이러한 코드를 읽고 실행하여 각 위젯의 동작과 사용법을 이해하세요. 레이아웃과 스타일링: 플러터에서 레이아웃과 스타일링은 매우 중요합니다. 공식 문서..

Flutter 2024.03.09

[Flutter] ValueNotifier로 상태 관리

=> ValueNotifier 상태 관리 참고 소스 ValueNotifier count = ValueNotifier(0); body: Column( children: [ TextField( controller: idController, //사용자에게 안내할 문구를 플래이스 홀더 형식처럼 표기할 수있다. decoration: InputDecoration(labelText: '아이디를 입력해주세요.'), ), ElevatedButton( onPressed: () { // //클릭시 동작구현 count.value=30; }, child: Text('아이디를 입력 값 가져오기'), ), ValueListenableBuilder(valueListenable: count, builder: (context, valu..

Flutter 2023.12.31