project7 JFrame: Java Swing을 활용한 GUI 애플리케이션 개발 🎨💻 1. JFrame 소개 🖥️Java의 GUI 애플리케이션을 개발할 때, 가장 많이 사용되는 클래스 중 하나는 바로 JFrame입니다. JFrame은 Java Swing 라이브러리의 중요한 구성 요소로, 독립적인 윈도우를 생성할 수 있는 클래스입니다. Swing은 Java에서 제공하는 GUI 라이브러리로, JFrame을 통해 다양한 사용자 인터페이스(UI)를 구축할 수 있습니다.2. JFrame의 역할 🎯JFrame은 기본적으로 응용 프로그램의 창을 의미합니다. 즉, 우리가 애플리케이션을 실행할 때 보게 되는 윈도우 화면을 말합니다. 이 창 안에 버튼, 텍스트 필드, 레이블 등과 같은 다양한 컴포넌트를 배치하여 사용자와 상호작용할 수 있게 만듭니다.3. JFrame 사용법 🛠️JFrame을 사용하기 .. 2025. 2. 13. php url에서 값을 가져올 때 function getUrlParams(){ const params = {}; window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str, key, value){ params[key] = value; } ); return params; } 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 정규식 img s.. 2023. 11. 27. 2023.08.20 모달창 바깥을 눌러도 닫히도록 설정등 기능 수정 및 추가 import React, { useState, useRef, useEffect } from 'react'; import './Modal.css'; const Modal = () => { const dialogRef = useRef(); const [isOpen, setOpen] = useState(false); const handleOpenModal = () => { dialogRef.current.showModal(); setOpen(true); }; const handleCloseModal = () => { dialogRef.current.close(); setOpen(false); }; const handleOverlayClick = (event) => { if (event.target === di.. 2023. 8. 20. react로 리워드 부분 구현(2023.08.19) 어려웠던 부분 도형 사이를 잇는 점선 구현 input type="text"에 값을 정해놨더니 직접 수정이 안되는 것 질문할 것 1. input type text로 했는데 value값을 {number}로 넣었더니 텍스트 직접 수정 불가능 2. {number}의 값을 number에 대입하고 싶은데 안됨. 3. 수량 Maximum과 Mininum 제한하는 법 4.도형 사이를 잇는 점선 구현 Modal을 이용해 팝업창 구현하기 터미널에 입력 npm install react-modal =>모달 라이브러리를 사용할 수 있게 되었다. import Modal from 'react-modal'; 로 import Modal이라는 객체는 isOpen을 필수적으로 가지고 있어야한다. isOpen값은 true/false여야한다.. 2023. 8. 20. react로 리워드 부분 구현(2023.08.19) 어려웠던 부분 도형 사이를 잇는 점선 구현 input type="text"에 값을 정해놨더니 직접 수정이 안되는 것 질문할 것 1. input type text로 했는데 value값을 {number}로 넣었더니 텍스트 직접 수정 불가능 2. {number}의 값을 number에 대입하고 싶은데 안됨. 3. 수량 Maximum과 Mininum 제한하는 법 4.도형 사이를 잇는 점선 구현 Modal을 이용해 팝업창 구현하기 터미널에 입력 npm install react-modal =>모달 라이브러리를 사용할 수 있게 되었다. import Modal from 'react-modal'; 로 import Modal이라는 객체는 isOpen을 필수적으로 가지고 있어야한다. isOpen값은 true/false여야한다.. 2023. 8. 19. 넣을 효과 정리 최종 후원 금액이 올라감. https://unho94.tistory.com/242 [React] 숫자 증가 애니메이션 만들기 (with. TypeScript) 여러 웹 서비스를 이용하다 보면 숫자를 강조하는 방법 중 하나로 숫자가 빠르게 올라가는 애니메이션을 확인할 수 있습니다. 리액트를 이용하여 어떻게 구현할지에 대해 작성해보도록 하겠습 unho94.tistory.com https://namhandong.tistory.com/93 React | number count 기능 구현하기 , onScroll 스크롤에 따라 animation 실행 먼저 react-spring을 사용해서 숫자 Count 애니메이션을 구현할 것이다. react-spring은 React에서 여러 애니메이션을 구현하기 위해 사용하는 애.. 2023. 8. 18. 이전 1 2 다음
