본문 바로가기
반응형

개발41

[Spring] mybatis foreach 사용예제 (java코드포함) 1. mybatis와 foreach MyBatis는 관계형 데이터베이스와 상호 작용하는 편리한 방법을 제공하는 Java 기반 지속성 프레임워크이다. MyBatis의 요소 foreach는 목록이나 배열과 같은 컬렉션을 반복하고 컬렉션의 요소를 기반으로 동적 SQL 문을 생성하는 데 사용됩니다. 2. foreach속성 item: 컬렉션의 현재 항목을 나타내는 변수의 이름입니다. index: 컬렉션에 있는 항목의 현재 인덱스를 나타내는 변수의 이름입니다. collection: 반복할 컬렉션의 이름입니다. open: 컬렉션의 첫 번째 항목 앞에 추가할 문자열입니다. close: 컬렉션의 마지막 항목 뒤에 추가할 문자열입니다. separator: 컬렉션의 각 항목 사이에 추가할 문자열입니다. //기본형식 SELE.. 2023. 4. 14.
[jquery] summernote 썸머노트 사용예제 1. 개요 자바스크립트 jquery 라이브러리 웹에디터 썸머노트에 대한 사용법을 포스팅해보자. https://summernote.org/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org 2. jQuery Summernote jQuery Summernote는 인기 있는 jQuery용 WYSIWYG(What You See Is What You Get) 텍스트 편집기 플러그인 서식 지정, 이미지 및 비디오 삽입, 표 만들기 등과 같은 기능을 사.. 2023. 4. 10.
[jsTree] Spring + jstree 트리예제 1. 개요 스프링웹 환경에서 jquery tree plugin (jstree) 사용법을 포스팅한다. jquery.js (v3.6.0) / jstree.js (v3.3.2) / proton테마 를 사용했다. css다운로드는 jstree proton theme로 검색하면 많이 나온다. https://www.jstree.com/ jstree jsTree is jquery plugin, that provides interactive trees. It is absolutely free, open source and distributed under the MIT license. jsTree is easily extendable, themable and configurable, it supports HTML & JS.. 2023. 4. 7.
[Python] 윈도우11 설치 및 실행확인 +Python 3.11.2 설치 + ☞. 설치전 주의및 확인사항 설치전에 간략이 읽어보고 가자. CHATGPT 에서 발췌한 내용이다. 적절한 Python 버전 선택: Python에는 Python 2 및 Python 3과 같이 구문 및 기능이 다른 버전이 있습니다. 특정 요구 사항과 요구 사항에 적합한 Python 버전을 선택하는 것이 중요합니다. 2020년 1월 1일부터 Python 2는 더 이상 지원되지 않으며 Python 3은 새 프로젝트에 권장되는 버전입니다. 운영 체제와의 호환성 확인: Python은 Windows, macOS, Linux 등을 포함한 다양한 운영 체제와 호환됩니다. 특정 운영 체제 및 버전에 적합한 Python 버전을 다운로드하고 설치하고 있는지 확인하십시오. 데이터 백업: Py.. 2023. 4. 5.
[React] react v18 필수개념 컴포넌트+props 예제 +React 컴포넌트 재사용및 props사용 + 리엑트를 처음 접하게 되면 html+jquery 조합과 다른점은 컴포넌트를 재활용할수있다. 보통html+jquery조합은 한페이지에 소스를 다작성하지만 react의경우는 모듈단위로 분리해서 개발한다. 아래샘플예제은 컴포넌트 재사용과 props개념을 잡는데 도움이 된다. ☞ 버전정보 리엑트 18.0버전은 22/03/29일 릴리즈 되었다. 지금은 18.2로 설치가 된다. ☞ 프로젝트생성 프로젝트 생성을 위해 아래 명령어를 실행한다. npx create-react-app example01 cd example01 npm start ☞ 프로젝트구조 불필요한 파일은 삭제하고 아래폴더 트리처럼 구축한다. ☞ index.js 18버전에서는 아래와 같은 형태로 변경되었다... 2023. 4. 4.
[Google Chart] 구글차트 json연동 예제 (x,y축) +구글차트API를 json연동하여 예제+ 아래링크를 참고한다. https://developers.google.com/chart/interactive/docs/gallery/linechart 선 차트 | Charts | Google Developers 이 페이지는 Cloud Translation API를 통해 번역되었습니다. Switch to English 의견 보내기 선 차트 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 개요 SVG 또는 VML을 developers.google.com 주의사항 최근릴리즈된 구글차트 api경우 이전에 개발된 소스로 하면 아래와 같은 오류가 발생된다. 아래 오류 발생시 current말고 버전숫자를 입력 Cannot read propertie.. 2023. 4. 4.
반응형